Оптимизация сайта всегда вызывает кучу вопросов. Попробуем оптимизировать блог используя подсказки Page Speed.
Начальные данные — 3.74с.
Процедура работы с данным инструментом очень простая:
- Устанавливаем дополнение PageSpeed
- Открываем необходимый сайт
- Запускаем «Инструменты разработчика»
- Открываем вкладку PageSpeed и запускаем «Анализ»
И мы получаем список рекомендаций, где в каждом разделе есть рекомендации. В моем случае:
- Минимизировать нагрузку
(В)Включите сжатие, (Н)Оптимизируйте изображения, (Н)Предоставьте изображения с нужными пропорциями, (Н)Сократите JavaScript, (Н)Сократите CSS, (Н)Сократите HTML - Минимизировать задержку при загрузке страницы
(Н)Уменьшите размер запросов - Другое
(С)Используйте кэш браузера, (Н)Отложите синтаксический анализ JavaScript, (Н)Укажите валидатор кэша, (Н)Удалите строки запросов из URL статических ресурсов, (Н)Укажите заголовок Vary: Accept-Encoding
Некоторые пункты исправляются PageSpeed, а некоторые просто описаны, как исправить.
Итог: скорость загрузки выросла на 0,5 сек.
Для включения сжатия можно использоваться плагин кэширования. Многие рекомендуют W3 Total Cache — хороший плагин для WordPress позволяющий оптимизировать сайт по необходимым для нас параметрам.
В настройках интересуют параметры:
- Page cache (кэширование страниц)
- Browser cache (кэширование на стороне клиента после первой загрузки)
По мимо этого плагин сам умеет ужимать JavaScript и CSS, и не надо каждый раз их переписывать при обновления плагинов и тем.
Я использую плагины WP Super Cache (на некоторых сайтах Hyper Cache). Что позволило ещё увеличить скорость загрузки.
Общий итог: скорость 2.1 секунда, вместо 3,7. Скорость выросла на 1,6 сек.
