Оптимизация сайта для google pagespeed, 100 из 100

8k
Алексей,
Оптимизация сайта для google pagespeed, 100 из 100
Оптимизация сайта для google pagespeed, 100 из 100

Собрал все посты в одном для получения максимального балла в Google PageSpeed Insights.

Собрал все посты в одном для получения максимального балла в Google PageSpeed Insights. Не на все пункты оптимизации у меня есть готовая статья, буду обновлять в будущем.

Итак, для получения 100 баллов из 100 для любого устройства, вам нужно:

  1. разместить сайт на быстром хостинге
  2. оптимизировать картинки и сконвертировать их в webp
  3. сделать отложенную загрузку картинок (лучше на JS)
  4. минифицировать html
  5. убрать загрузку лишних JS плагинов
  6. настроить шрифты
  7. настроить кеш
  8. отключить композит
  9. перенести весь JS в конец страницы
  10. создать и подключить минифицированные версии CSS и JS файлов
  11. удалить CSS и JS файлы ядра
  12. убрать метрику и аналитику
  13. оптимизировать html код так, что бы не было большого количества вложений и общее количество блоков было около 500шт.
  14. отключить https шутка конечно, но пару десятых секунд безопасное соединение съедает.
  15. проверить скрипты висящие на событии DOMContentLoaded

Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.

Опубликовано 9 сентября 2019 | Обновлено 20 декабря 2020
оптимизация, производительность, разработчику
Поделиться
Похожие статьи
Рейтинг готовых сайтов по показателю Google PageSpeed
На маркетплейсе 1С-Битрикс 995 готовых сайтов. Такое количество выдаёт api партнёрского раздела. Я проверил...
Читать дальше » 0
Алексей,
NVMe творит чудеса
Перенес блог на отдельную площадку c NVMe диском ради эксперимента. Google Page Speed почти 100 балл...
Читать дальше » 0
Алексей,
Комментарии
❮…❯
Авторизуйтесь чтобы получать уведомления об ответе
28 ноя 2019
Webp вроде как не даёт преимуществ, объем при загрузке меньше, но рендер картинки идёт медленнее чем у того же jpg. Ну и поддержка оставляет желать лучшего.
Алексей
28 ноя 2019
Василь, баллы в gpsi вырастают значительно. Уменьшение объема на мобильных устройствах более важно, чем время рендера. Экономия трафика, все дела. Хотя я не слышал что б прям значительно дольше отрисовывалась картинка. По поводу поддержки тоже беспокоиться не стоит. Браузеры которые не поддерживают webp будут забирать обычный jpg из тега .
Собрал все посты в одном для получения максимального балла в Google PageSpeed Insights.