Google Рagespeed insights

Определение

“Google PageSpeed Insights ” представляет собой инструмент, который предназначен для проверки скорости отображения и работы страниц интернет-ресурсов. Он собирает данные по динамике загрузки, проводит анализ, выделяя проблемные моменты, а также выдает рекомендации по исправлению технических ошибок, занижающих скорость.

PageSpeed Insights вопреки своему названию лишь косвенно относится к корпорации Гугл. Сервис разработало и развивает независимое общество веб-специалистов, которое не входит в структуру мирового поисковика. Все данные аналитики и предлагаемые решения исходят не от Google, а разработаны данной компанией, следовательно, есть смысл относиться к их рекомендациям с известной долей критичности.

Основное назначение сервиса в том, чтобы сбалансировать ресурсы по функциональности и оперативности загрузки.

Основные рекомендации Google PageSpeed Insights по ускорению загрузки веб-ресурсов

1. Оптимизируйте фотоконтент. Все изображения, размещенные на страницах, должны быть достаточно сжаты.
2. Подключите сжатие.
3. Настройте кэш браузерной программы.
4. Минимизируйте использование языков JavaScript и CSS. Так, все файлы с расширением .js необходимо минифицировать. А для наиболее востребованных библиотек существуют издания с форматом .min.js.
5. Оптимизируйте загрузку контента, который отображается пользователям. Такая рекомендация высвечивается, если на странице вашего ресурса отображение одних элементов происходит раньше других (например, текст появляется на экране раньше, чем его фон). Решить проблему загрузки можно с помощью применения специальных скриптов JavaScript, которые позволяют ускорить отображение контента. Так, начало страницы будет загружаться в приоритете, а дальше по мере перемещения по ней будут отображаться нижерасположенные элементы.
6. Поместите загрузку блокирующего кода в конец. К устаревшим особенностям HTML-ресурсов относится синхронная обработка контента. Так, браузер не отображает содержимого сайта, пока не обработает все существующие данные. В результате если в начале страницы были размещены тяжеловесные библиотеки, то пользователей будет видеть пустой белый экран по несколько секунд, дожидаясь подзагрузки остальных элементов. Рекомендации по устранению этой проблемы следующие:
7. Разместите основные элементы дизайна в начале страницы, а необязательные .css стили спустите в footer-блок;
8. Предусмотрите несинхронную загрузку .js скриптов;
9. Скрипты языка JavaScript старайтесь перенести в конец страницы.
10. Сократите время ответа сервера. Для этого необходимо экспериментальным путем найти оптимальную конфигурацию ресурса.

Читайте также наш подробный материал на эту тему:

   Как ускорить загрузку сайта. Топ-10 способов, актуальных в 2020 году

Значение скорости загрузки сайта

Согласно статистическим данным, если пользователь ожидает загрузку страницы более 3 секунд, то в 40% случаев он закроет ее, не дождавшись отклика сервера, при этом 80% повторно не возвращается на медленно работающий ресурс.

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