[WordPress] Оптимизация скорости загрузки сайта используя подсказки Page Speed

Оптимизация сайта всегда вызывает кучу вопросов. Попробуем оптимизировать блог используя  подсказки Page Speed.

Начальные данные — 3.74с.

tools.pingdom.com-ichiblog.ru

Процедура работы с данным инструментом очень простая:

  • Устанавливаем дополнение PageSpeed
  • Открываем необходимый сайт
  • Запускаем «Инструменты разработчика»
  • Открываем вкладку PageSpeed и запускаем «Анализ»

И мы получаем список рекомендаций, где в каждом разделе есть рекомендации. В моем случае:

  • Минимизировать нагрузку
    (В)Включите сжатие, (Н)Оптимизируйте изображения, (Н)Предоставьте изображения с нужными пропорциями, (Н)Сократите JavaScript, (Н)Сократите CSS, (Н)Сократите HTML
  • Минимизировать задержку при загрузке страницы
    (Н)Уменьшите размер запросов
  • Другое
    (С)Используйте кэш браузера, (Н)Отложите синтаксический анализ JavaScript, (Н)Укажите валидатор кэша, (Н)Удалите строки запросов из URL статических ресурсов, (Н)Укажите заголовок Vary: Accept-Encoding

page-speed-01

Ещё скрины
page-speed-02page-speed-03page-speed-04page-speed-05page-speed-06page-speed-07page-speed-08page-speed-09page-speed-10page-speed-11page-speed-12page-speed-13

Некоторые пункты исправляются PageSpeed, а некоторые просто описаны, как исправить.

Итог: скорость загрузки выросла на 0,5 сек.

tools.pingdom.com-ichiblog.ru-2

Для включения сжатия можно использоваться плагин кэширования. Многие рекомендуют W3 Total Cache — хороший плагин для WordPress позволяющий оптимизировать сайт по необходимым для нас параметрам.

В настройках интересуют параметры:

  • Page cache (кэширование страниц)
  • Browser cache (кэширование на стороне клиента после первой загрузки)

По мимо этого плагин сам умеет ужимать JavaScript и CSS, и не надо каждый раз их переписывать при обновления плагинов и тем.

Я использую плагины WP Super Cache (на некоторых сайтах Hyper Cache). Что позволило ещё увеличить скорость загрузки.

Общий итог: скорость 2.1 секунда, вместо 3,7. Скорость выросла на 1,6 сек.

tools.pingdom.com-ichiblog.ru-3

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.