Очень просто. Хотел было расписать одну статью с хабра “Как обычному сайту на WordPress набрать 99/100 в PageSpeed Insights”, но было влом читать и решил провести експеремент на своём сайте.

У меня на сайте переодически все отлично с оптимизацией сайта для загрузки и адаптивной версткой. Переодически потому что я часто провожу эксперементы;)

Как ускорить WordPress в Google PageSpeed до 100?

Так вот после установки нескольких плагинов что-то пошло не так и пейджспид был желтенького цвета – не критично, но и некрасиво.

Пункты, которые сделал я при оптимизации сайта

  1. Прогнал весь свой файл стилей через uncss – удалил неиспользуемы стили, оставил только нужное. В итоге файл стилей уменьшился с 200+ килобайт до 70 килобайт
  2. Подключил отложенную (после загрузки страницы) загрузку шрифтов. В итоге до загрузки шрифтов текст выглядит стандартными шрифтами, а потом включается Open Sans
  3. Отключил где возможно загрузку плагинами скриптов и стилей, а где невозможно сделать – вырезал принудительно в самих плагинах
  4. Все стили и скрипты которые я отключил выше я подключили и обьединил в 1 общий файл стилей и 1 общий файл скриптов.
  5. Скрипты подключаются в подвале, тоесть не блокируют загрузку основной страницы
  6. Подключение стилей я разбил в два этапа – сначала грузится инлайном critical css – только то, что нужно для отображения шапки страницы. Это позволяет показать пользователю нормальную шапку. А потом уже подгружается основной массив стилей.

Больше всего усилий уходит на обьединение стилей и скриптов, что бы ничего не поломалось

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

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

один × три =