Скорость загрузки сайта – это важный фактор поискового ранжирования. В особенности скорость загрузки важна в том случае, если ваш ресурс находится в конкурентной нише. Рассмотрим же наиболее популярные инструменты по измерению скорости и рекомендации по улучшению данного показателя.

Чем проверять

Де-факто самым популярным инструментом по замеру скорости загрузки является сервис предоставляемый Google – PageSpeed Insights. Также высокую популярность имеет сервис Pingdom Speed Test, который, помимо рекомендаций, также предоставляет множество других интересных данных (скорость загрузки отдельных скриптов, размер страницы, ответ сервера и т.д.).

Сервис PageSpeed Insights предоставляет результат в виде показателя шкалы от 0 до 100, большинству сайтов будет вполне достаточно войти в “зеленую зону”, нет смысла гнаться за максимальным показателем.

Ошибки и рекомендации

2.1 Сжатие.

Сжатие ресурсов на сайте условно можно разделить на минификацию css и js-файлов, а также html-кода. Большинство популярных CMS имеют множество модулей или плагинов для решения данной проблемы, поэтому, в зависимости от того, какая система управления стоит на сайте, проблема решается исходя из этого.

Также можно отдельно выделить сжатие графики, такие сервисы, как TinyPng могут помочь в решении данного вопроса, такие CMS, как WordPress, могут похвастаться наличием плагинов, которые будут постепенно обрабатывать и сжимать заливаемую на сайт графику, например, WP Smush.

2.2 CSS и JS блокирующие отображение основного контента

Когда много css и js-файлов находятся в верхней части сайта, его загрузка замедляется, т.к. загрузка этих файлов происходит синхронно, что блокирует отображение самого сайта. Тоже можно сказать и про некоторые счетчики посещаемости, которые также могут заметно снизить скорость загрузки.

Решением проблем с блокирующим css является использование так называемого critical css, когда стили, которые нужны для загрузки видимой области сайта (первого экрана), размещаются инлайново в секции head, а остальные – переносятся в футер сайта.

Блокирующие js-файлы следует конкатенировать, сжать и перенести в footer сайта. Довольно часто в блокирующих ресурсах можно заметить сторонние сервисы статистики или аналитики. В таком случае можно только порекомендовать свести их количество к минимуму, или, если есть такая возможность, использовать асинхронный код размещения.

2.3 Отсутствие кеширования

Кеширование – важный инструмент в оптимизации скорости загрузки, оно позволяет в разы снизить нагрузку на хостинг, а также заметно ускорить загрузку страниц для пользователей, просмотревших более одной страницы.

Кеширование можно включить только для ресурсов, размещенных на самом сайте, счетчики статистики в нем не нуждаются. Для популярных систем управления существуют устоявшиеся решения, например, для WordPress, существуют такие плагины, как: WP Super Cache или W3 Total Cache.

Кеширование статики можно настроить через файл .htaccess, кеширование на сервере уже потребует более серьезной работы программиста.

В итоге мы разобрали некоторые наиболее актуальные проблемы, возникающие у большинства сайтов, при попытке войти в “зеленую зону PageSpeed Insights”.

Вы можете посмотреть так же записи