Как правильно настроить кэширование и сжатие данных в WordPress

Настроить кэширование и сжатие данных в WordPress

Начну с того, почему скорость загрузки сайта так необходима:

1. Поисковые системы при ранжировании отдают предпочтение быстрым сайтам.

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

3. Высокая скорость загрузки сайта влияет на коэффициент конверсии, следовательно и на прибыль компании.

Для данного эксперимента я возьму свой сайт и проверю его на скорость загрузки через сервис PageSpeed Insights.

Результат проверки:

скорость загрузки страницы для мобильных устройств до кеширования
Проверка скорости загрузки страницы для мобильных устройств до кеширования
скорость загрузки страницы для компьютера до кеширования
Проверка скорости загрузки страницы для компьютера до кеширования

Результат проверки оказался отрицательным. Сервис PageSpeed Insights нам предлагает рекомендации для увеличения скорости загрузки страницы, которые я постараюсь максимально выполнить. Приступаем.

Настраиваем кэширование страниц сайта

Первое, что я сделаю, это настрою кэширование страниц сайта. Для этого я воспользуюсь плагином WP Super Cache — один из самых популярных плагинов для кэширования страниц в WordPress. Он прост в настройке и не конфликтный.

Настройка плагина WP Super Cache

Ниже представлены скриншоты с настройкой плагина WP Super Cache:

кеширование страниц фото1
Скриншот №1
кеширование страниц фото2
Скриншот №2
кеширование страниц фото3
Скриншот №3
кеширование страниц фото4
Скриншот №4
кеширование страниц фото5
Скриншот №5
кеширование страниц фото6
Скриншот №6
Настройка плагина WP Super Cache фото_7
Скриншот №7

ВАЖНО: Не забывайте сохранять внесенные изменения.

Настраиваем сжатие изображений

Уменьшение веса картинок является одним из важных моментов, который может повлиять на увеличение скорости загрузки сайта. Для этого я использую плагин WP SMUSH - он имеет простой интерфейс и автоматическую работу. Кроме того вы сможете оптимизировать уже имеющиеся изображения.

Настройка плагина WP SMUSH

сжатия изображений WP SMUSH
Настройка плагина для сжатия изображений WP SMUSH

Сокращаем CSS и HTML

Тут все просто. Сервис PageSpeed Insights сам нам предлагает готовое решение проблемы. Просто переходите по ссылке и начнется скачивание архива, в котором будут содержаться все оптимизированные коды, а также изображения для данной страницы. В архиве будет находиться файл с именем MANIFEST, в котором указано, что и куда необходимо разместить.

После всех проделанных работ, получаем результат:

скорость загрузки страницы для мобильных устройств после кеширования
Проверка скорости загрузки страницы для мобильных устройств после кеширования
скорость загрузки страницы для компьютера после кеширования
Проверка скорости загрузки страницы для компьютера после кеширования

Вывод: Как видно скорость загрузки страницы значительно увеличилась. Исчезли требования: "Сократите время ответа сервера", "Оптимизируйте изображения", "Сократите CSS и HTML" и в требовании "Используйте кеш браузера" остались те ресурсы, на которые нет возможности повлиять. Однако, осталась рекомендация "Удалите код JavaScript ,блокирующий отображение верхней части страницы", но и с ней показатели страницы выше отрицательных.
Для сравнения я взял несколько сайтов конкурентов, которые выпадают по моему запросу и проверил их на сервисе. Результаты оказались намного ниже моих, но они находятся в топ-10.

Если у Вас возникли вопросы или нашли ошибки, оставляйте комментарий, будем исправлять.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *