Повышение результатов Google PageSpeed Insights

Повышение результатов Google PageSpeed Insights

3970
Повышение результатов Google PageSpeed Insights При оптимизации сайта в первую очередь нужно обратить внимание на скорость загрузки вашего сайта, которую вы можете посмотреть, введя свой вдрес сайта (URL) на странице: PageSpeed Insights.

Советы по увеличению скорости загрузки:

Настройки сервера

Переведите сайт на PHP 7 и выше версию, так как если сравннивать скорость обработки контейнера на PHP ниже версии, то PHP 7 работает гораздо быстрей, что существенно сокращает время отклика сервера и повышает скорость загрузки страницы.

Включите gzip сжатие в файле .httacess:

Включите кэширование статических файлов:

На хостингах где статические файлы отдаются через Nginx данный метод работать не будет.

Сжатие HTML кода

Иногда из-за удаления пробелов и переносов строк может поехать вёрстка сайта.

Оптимизация CSS

Весь css код нужно сжать (Minified CSS), есть много сервисов, один из таких: CSSO.

Далее возможны такие варианты оптимизации CSS стилей:

Если стилей не много, без использования отдельного файла вывести их в блоке head.

Соединить все файлы CSS в один и подключить в html блок head.

В блоке head страницы помещается файл со стилями элементов верхней части страницы, у закрывающего тега boby подключить всё остальные.


Также нужно исключить инлайновые стили у тегов и включения style внутри body.

JS

Сжать JS код.

Вынести подключение скриптов из head.

Сделать задержку инициализации галерей и других плагинов через функцию setTimeout.

Preload

Добавит пару балов к скорости страницы - «предзагрузка» JS и CSS файлов.

Изображения

По возможности перевести изображения (иконки) в векторный svg формат.

Сожмите все файлы png и jpg программами: compressor или TinyPNG.

Счетчики и виджеты

Google Analytics, счетчики хостов, виждеты соц.сетей, и другие похожие сервисы отнимают до 20 балов в оценке скорости загрузки страницы и с ними сделать ничего не получится.
Код этих сервисом можно скрыть от проверки через используя заголовок полученный $_SERVER['HTTP_USER_AGENT'].

Google PageSpeed Insights использует следующие заголовки user-agent:

Проверка User-agent на вхождение слова Lighthouse:

Помогла ли вам статья?
348 раз уже помогла
Комментарии: (0)

КАТЕГОРИИ

РЕГИОНЫ