Ускорение WordPress

sporty-speedometer

23 сентября 2019 WordPress

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

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

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

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

page_speed-1024x560-5071344

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

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

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

wp-super-cache-3917266

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

wp-super-cache-2-3367036

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

wp-super-cache-3-9782850

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

wp-super-cache-4-2800879

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

wp-super-cache-5-8297683

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

wp-super-cache-6-8271022

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

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

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

autoptimize-2864823

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

autoptimize-2-9944787 autoptimize-3-4860433

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

autoptimize-4-1024x594-9311488

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

Читайте также: