Проверки скорости загрузки сайта с помощью PageSpeed Insights позволяет проверить только 1 URL. В этой инструкции в помощью программы Screaming Frog мы подключимся к API PageSpeed Insights и сможем проверять скорости загрузки любого числа страниц.
Уменьшите скорость сканирования и количество потоков → При парсинге Screaming Frog сильно нагружает сайт и вы получаете не правильные данные по скорости. Чтобы этого не произошло, нужно уменьшить нагрузку на сайт при обходе.
Переходим в Configuration → API Access → PageSpeed Insights;
Вставляем API-ключ в раздел «Secret Key»;
Нажимаем «Connect».
Если у вас выдаёт ошибку, то выйдите из программы, прогоните проект через программу ещё раз и после этого вставьте ключ ещё раз.
Чтобы закрепить для каких устройств (мобильных или десктопных) мы будем анализировать скорость необходимо перейти во вкладку «Metrics» и выбрать подходящий для вас вариант.
На вкладке «Метрики» вы можете отметить все параметры (хотя не все из них будут использованы, но вы закончите быстрее).
Не забывайте уменьшать число потоков при обходе сайта, чтобы получать реальную скорость. Иначе вы увеличите нагрузку на сервер и получите неточные данные.
«После того, как мы подключились к Google PageSpeed нам необходимо ещё раз запустить краулер по сайту, чтобы на этот раз он собрал дополнительно к остальному и скорость загрузки страниц.»
После того, как сканирование было успешно пройдено находим раздел «PageSpeed» в правом меню экрана на вкладку «All».
Какие показатели анализировать
Важные показатели:
First Contentful Paint Time – Необходимое время для появления первого контента;
Speed Index Time – Скорость загрузки страницы по времени;
Time to Interactive – Необходимое время, чтобы пользователь мог взаимодействовать с страницей сайта;
Total Size Savings – Потенциальный размер страницы, который можно уменьшить;
Total Time Savings – Количество времени на которое можно ускорить загрузку страницы;
Остальные метрики:
Performance Score – Общая оценка производительности, которую показывает Google PageSpeed;
HTML Count – Количество кода html;
Image Count – Общее количество изображений;
CSS Count – Общее количество кода CSS;
JavaScript Count – Общее количество JS скриптов;
Total Image Optimization Savings – Общая экономия на оптимизации изображений.