Что показывает PageSpeed Insights?
Итак, Вы зашли на страницу сервиса, вбили адрес проверяемого сайта и нажали «Анализировать».
Сервис проанализировал производительность страницы и выдал Вам результат в двух вкладках - для мобильных и для компьютеров. И там, и там Вы увидите оценку эффективности страницы.
Показатель эффективности для мобильных устройств ДО проведения оптимизации
Показатель эффективности для мобильных устройств ПОСЛЕ проведения оптимизации
Показатель эффективности для компьютеров ДО проведения оптимизации
Показатель эффективности для компьютеров ПОСЛЕ проведения оптимизации
Эффективность измеряется по шкале от 0 до 100 и различается цветовыми маркировками по интервалам.
До 49 – медленная скорость, красный;
От 50 до 89 – средняя скорость, оранжевый;
От 90 – быстрая скорость, зеленый.
Далее сервис предлагает ознакомиться с информацией о замерянных скоростях, указывает на проблемы и дает рекомендации по устранению недочетов. Каждый параметр также имеет цветовую маркировку.
Шкала отображает общую информацию о скорости именно проверяемой страницы, сравнивая ее с другими страницами, данные которых собирались 30 последних суток.
Та же суть, как в Данных наблюдений, но шкала оценивает скорость всех страниц на сайте.
Данные наблюдений и Origin Summary отображаются, если для статистики хватает данных. В ином случае вместо шкалы будет размещен текст о нехватке данных для отчета.
С 2018 года PageSpeed Insights стал использовать инструментарий Lighthouse для анализа скорости по 6 составляющим, эти показатели идут следующими:
Время загрузки первого контента (FCP)
Загрузка первого экрана сайта, готового к взаимодействию.
Индекс скорости загрузки (Speed Index)
Общая загрузка отображения всей страницы.
Время загрузки для взаимодействия (TTI)
Период от первого обращения до полной отрисовки страницы и окончания загрузки.
Время загрузки достаточной части контента (FMP)
Период от отправки запроса до загрузки вменяемого отображения данных, с которыми можно работать.
Время окончания работы ЦП (First CPU Idle)
Период от отправки запроса до прогрузки большинства элементов взаимодействия и реагирования на ручной ввод.
Максимальная потенциальная задержка (FID)
От момента взаимодействия пользователя со страницей до реакции браузера. Например, при нажатии на кнопку.
Подсказывает проблемные места и то, каким образом можно их оптимизировать.
Доп. информация о соответствии рекомендациям по производительности. Тут тоже есть подсказки, в каких именно местах нужны доработки.
Здесь собраны все те показатели, которые прошли проверку «на ура». Ничего исправлять не нужно, можно только порадоваться.
Теперь посмотрите на результат проверки по Вашему сайту.
Все показатели зеленого цвета, а оценка эффективности больше 90? Это прекрасно, Вас можно поздравить! На текущий момент Ваш сайт работает быстро и пока можно не думать об оптимизации. Но со временем ситуация может измениться по разным причинам: увеличение нагрузки, случайные ошибки в коде, устаревшее оборудование, нехватка памяти и т.д. Не забывайте своевременно отслеживать ситуацию, чтобы избежать проблем.
Есть «оранжевые» значения? Значит, что-то работает не так хорошо, как должно, и нужно принять соответствующие меры по оптимизации. Для этого существуют определенные методики, которые я описывал здесь. Такая задача требует понимания того, как работает сайт. Для первичной оптимизации обычно применяют такой набор действий:
Оптимизация изображений
Сокращение HTML, CSS и JS
Распределение порядка загрузки контента JS
Использование сжатия
Сервис компании Google PageSpeed Insights укажет Вам на проблемы, а их дальнейшее решение доверьте специалисту. Я имею многолетний опыт разработки и в том числе оптимизации веб-сайтов, учитывая индивидуальные тонкости, направленность проекта, возможности сервера, местоположение, нагрузки и т.д. После подробного анализа проведу работы по увеличению скорости загрузки, и Вы увидите колоссальную разницу!
