Ускорение WordPress

sporty-speedometer

23 сентября 2019 WordPress

Скорость загрузки сайта определяет не только комфорт работы с ним, но и влияет на позиции в поисковой выдаче Яндекс и Google. Поисковики отдают предпочтение более быстрым сайтам. Соответственно если скорость вашего сайта ниже, чем у схожих, то это негативно скажется на его позициях.

В примере рассмотрим базовую оптимизацию сайта на WordPress. Конечно же для каждого отдельного сайта рекомендации будут индивидуальные, но эти инструкции помогут эффективно ускорить его работу. Их необходимо сделать в первую очередь.

Шаг 1. Определяем скорость загрузки сайта

Чтобы определить скорость загрузки, воспользуемся сервисом от Google PageSpeed Insights Вводим адрес сайта и нажимаем анализировать.

page_speed-1024x560-2891798

После анализа сервис выдаст оценку и рекомендации по улучшению производительности сайта. Если у сайта оценка от 0 до 49, сайт окажется в красной зоне, это означает, что его скорость низкая, от 50 до 89 средняя — оранжевая и от 90 до 100 зеленая зона — самый лучший показатель.

Шаг 2. Включаем кэширование

Кэширование однозначно поможет повысить скорость загрузки вашего сайта. Для этого воспользуемся самым популярным плагином для кэширования станиц WP Super Cache. Скачиваем и устанавливаем плагин.

wp-super-cache-3213210

Переходим в Настройки → WP Super Cache и включаем кэширование.

wp-super-cache-2-2083159

На вкладке Расширенные переключаем «Метод доставки кеша» в «Эксперт» и обновляем настройки.

wp-super-cache-3-5657198

Спускаемся ниже и нажимаем «Обновить правила mod_rewrite».

wp-super-cache-4-1917913

Далее устанавливаем настройки времени кэша, как на рисунке ниже и обновляем новые значения.

wp-super-cache-5-5608622

Переходим на вкладку «Общий кэш» и устанавливаем новые значения в соответствии с рисунком ниже. Сохраняем настройки.

wp-super-cache-6-8138927

Шаг 3. Оптимизируем скрипты и включаем отложенную загрузку изображений

Оптимизация скриптов заключается в том, чтобы объединить все существующие CSS скрипты в один сжатый файл .css и скрипты JS в один сжатый файл .js.

Так же рекомендуется включить отложенную загрузку изображений (Lazy loading), которая позволяет загружать изображения на странице не все сразу, а поэтапно в процессе её просмотра. В этом нам поможет плагин Autoptimize.

autoptimize-3506304

Переходим в Настройки → Autoptimize. Устанавливаем галочки «Оптимизировать код JavaScript» и «Оптимизировать код CSS».

autoptimize-2-1115919 autoptimize-3-8165581

Переходим на вкладку «Изображения» и ставим галочку «Отложенная загрузка изображений». Сохраняем текущие настройки.

autoptimize-4-1024x594-6278473

Ну вот и все! Теперь попробуйте снова проверить скорость загрузки вашего сайта в PageSpeed Insights.