Сервис для
сео - оптимизаторов

Найди ошибки на сайте
Ошибки мешают продвижению сайта
Исправь ошибки на сайте
Сайт без ошибок продвигать легче
Получи новых клиентов
Новые клиенты принесут больше прибыль

Google PageSpeed ​​Insights обновился. Как это отразится на оценках сайтов?

  1. Как было раньше: интерфейс PageSpeed ​​Insights к обновлению
  2. Как стало теперь: обновленный интерфейс PageSpeed ​​Insights
  3. 1. Оценка скорости загрузки
  4. 2. Данные наблюдений (англ. Field Data)
  5. 3. Имитация загрузки страницы (англ. Lab Data)
  6. 4. Оптимизация (Opportunities), Диагностика (Diagnostics) и Успешные аудиты (Passed audits)
  7. Что это значит?

12 ноября Google без громких анонсов и прелюдий выпустил обновление PageSpeed ​​Insights - инструмента для оценки скорости загрузки сайтов. Все бы ничего, но это - первая масштабная смена сервиса с января 2018 года, когда в него были включены данные Chrome User Experience Report.

Обновления кардинально меняет сам подход к анализу страниц: теперь общая оценка скорости основывается на данных Lighthouse , Метрики времени загрузки в секундах отражаются для любого сайта, а в отчете появилось множество новых параметров и рекомендаций. Впрочем, обо всем по порядку.

Уже сейчас можно наблюдать, что оценки производительности многих сайтов существенно изменились, особенно для мобильных устройств. Изменилась даже сама шкала: «низкая», «средняя» и «добра» оптимизация теперь занимают другие числовые диапазоны. Чего ждать от этого обновления? Стоит паниковать от того, что ваш сайт теперь оценивается хуже?

Как было раньше: интерфейс PageSpeed ​​Insights к обновлению

До выхода обновления отчет инструмента выглядел так:

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

  • оценка скорости загрузки от 0 до 100;
  • данные Отчета об удобстве пользования Chrome, доступные только для достаточно посещаемых сайтов, с двумя метриками скорости (First Contentful Paint и DOM Content Loaded) и их статистическим распределением;
  • краткая информация о загрузке страницы: объем передаваемых данных и число обращений к серверу;
  • список правил PageSpeed ​​Insights (всего было 10 правил), не соблюдены на этой странице, с предложениями по оптимизации;
  • список соблюдены правила, по которым возможности для ускорения практически отсутствуют.

Как стало теперь: обновленный интерфейс PageSpeed ​​Insights

После обновления сервис приобрел следующий вид:

Как видим, структура отчета изменилась и содержит следующие секции.

1. Оценка скорости загрузки

На первый взгляд, система осталась такой, как была: три цвета, три диапазона. Однако, изменения коснулись шкалы. Сравним старые и новые оценки в виде таблицы:

цвет диапазона

старая характеристика

Старый диапазон

Новая характеристика

новый диапазон

зеленый

Good (Хорошо)

80 - 100

Fast (Высокая скорость)

90 - 100

желтый

Medium (Средне)

60 - 79

Average (Средняя скорость)

50 - 89

красный

Low (Низко)

0 - 59

Slow (Низкая скорость)

0 - 49

Таким образом, даже сами названия показателей говорят об изменении подхода: акцент делается не на уровень оптимизации, как раньше, а именно на скорость. Об этом еще поговорим ниже. Забегая вперед, стоит сказать: новая оценка не равна старой, поскольку выводится на основании других параметров.

2. Данные наблюдений (англ. Field Data)

Это, по сути, все та же информация с Chrome User Experience Report. Увидеть ее можно, как и раньше, только для тех сайтов, по которым достаточно статистических данных. Метрика FCP (First Contentful Paint) осталась, а вот на смену DOM Content Loaded (DCL) пришел параметр First Input Delay (FID). Эта метрика показывает время, которое проходит между первым взаимодействием пользователя с сайтом (нажатием на ссылку, кнопку и т.д.) и моментом, когда сайт отвечает на это действие. Вероятно, в Google решили, что этот параметр более показательным, если речь идет о статистике работы реальных пользователей с веб-ресурсом.

Кроме этого, внизу секции можно увидеть кнопку «Show Origin Summary». Это - новый и более удобный способ посмотреть усредненные данные по сайту в целом, набирая перед адресом сайта специальную команду. Подробнее о том, как эта функция работала ранее, можно прочитать здесь .

Подробнее о том, как эта функция работала ранее, можно прочитать   здесь

3. Имитация загрузки страницы (англ. Lab Data)

Здесь содержатся метрики скорости, полученные инструментом Lighthouse путем эмуляции загрузки страницы в 3G-сети. Главное отличие от старого интерфейса - все метрики выражаются в секундах, то есть для любых сайтов теперь видно информацию о времени загрузки, чего не было раньше. Стоит, однако, помнить: это только эмуляция, и в реальных пользователей эти показатели могут отличаться как в большую, так и в меньшую сторону.

Всего в этой секции 6 показателей:

  • Время загрузки первого контента (First Contentful Paint). Это та самая метрика, которая доступна в секции Field Data, только теперь - получена в «лабораторных» условиях. Показывает время от начала загрузки до момента, когда на экране появится хотя бы один элемент страницы;
  • Время загрузки достаточной части контента (First Meaningful Paint). Показывает время от начала загрузки до момента появления основного содержимого страницы: воспроизведение первого экрана, который видит пользователь (above-the-fold-контента) и загрузки веб-шрифтов;
  • Индекс скорости загрузки (Speed Index). Показывает, насколько быстро контент страницы становится доступен для просмотра. Определяется путем покадровой сравнения в момент, когда страница перестает меняться визуально;
  • Время окончания работы ЦП (First CPU Idle). Это период времени до момента, когда основной поток страницы освобождается настолько, что она может реагировать на действия пользователя. Имеется в виду, что большинство элементов страницы (но не все) уже интерактивные, и страница отвечает на действия пользователя за приемлемое время;
  • Время загрузки для взаимодействия (Time to Interactive). Показывает время, за которое страница полностью загружается и готова к взаимодействию с пользователем: зарегистрированные обработчики событий для большинства видимых элементов, время ответа на действия пользователя составляет не более 50 миллисекунд;
  • Приблизительное время задержки при вводе (Estimated Input Latency). Показывает усредненное время реакции страницы на действия пользователя в наиболее заняты 5 секунд во время загрузки. Если эта величина превышает 50 миллисекунд, то пользователи могут чувствовать, что ваш сайт тормозит.

Эти метрики не новы и появились в арсенале Lighthouse уже достаточно давно. Вместе они позволяют комплексно оценить производительность страницы: не только то, насколько быстро она загружается, но и способность отвечать на взаимодействии и скорость таких ответов.

Важно отметить: суммарная оценка по шкале от 0 до 100, которая появляется в первой секции, рассчитывается именно на основании этих шести метрик (если быть точнее, то только пяти из них - Estimated Input Latency не учитывается). При этом показатели имеют разный вес, которую можно посмотреть здесь : Time to Interactive - важнейший, First Meaningful Paint - наименее существенный. Расчет происходит следующим образом:

  • значение каждой метрики в секундах сравнивается с аналогичными показателями сайтов из базы HTTP Archive ;
  • временной показатель переводится в 100-балльную шкалу на основе логарифмического распределения (чем выше процент сайтов, в которых эта метрика хуже, тем больше будет оценка)
  • 5 полученных оценок усредняются с учетом веса каждой метрики, формирует итоговую оценку страницы.

4. Оптимизация (Opportunities), Диагностика (Diagnostics) и Успешные аудиты (Passed audits)

Три нижние секции отчета соответствуют старой секции с рекомендациями, однако на смену прежним 10 правилам пришли 22 аудиты производительности Lighthouse - показатели, опять же, не новы, но они перешли в PageSpeed ​​Insights только сейчас. Ни один из показателей в этом разделе не учитывается при расчете итоговой оценки; они имеют лишь характер советов: что конкретно можно исправить на странице, чтобы улучшить ее производительность. Выглядят эти секции так:

В разделе «Оптимизация» выводятся советы, для которых рассчитывается приблизительная оценка экономии времени загрузки в секундах. Для сравнения, ранее экономия отображалась только в килобайтах трафика, и для просмотра было разворачивать каждую совет. Эту информацию также можно посмотреть и сейчас. Многие рекомендации в этой секции связаны с рисунками, а также с устранением файлов, которые блокируют рендеринг:

  • настройте соответствующий размер изображений;
  • отложите загрузки скрытых изображений;
  • используйте современные форматы изображений;
  • отложите загрузки неиспользованного контента CSS;
  • устраните ресурсы, которые блокируют отображение и т.д.

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

Все аудиты, которые Lighthouse считает успешно выполненными для данной страницы (то есть, возможностей для ускорения за ними практически нет) попадают в секции «Успешные аудиты».

Все аудиты, которые Lighthouse считает успешно выполненными для данной страницы (то есть, возможностей для ускорения за ними практически нет) попадают в секции «Успешные аудиты»

Что это значит?

В первую очередь - то, что Google решил сместить акценты в PageSpeed ​​Insights. Ранее речь шла об абстрактной «оптимизацию», которая хоть и показывала, насколько быстро или медленно работает ваша страница, но не давала представление о реальной скорости; теперь же можно посмотреть конкретные величины, выраженные в единицах времени, и увидеть, что, например, после сжатия рисунков страница стала загружаться на 2 секунды быстрее. Будем надеяться, что это станет важным шагом в сторону реального ускорения интернета вместо погони за абстрактными показателями, которой часто увлекаются владельцы сайтов.

Еще одна возможная причина обновления - стремление не отставать от развития других сервисов компании. Так, недавно Google выпустил руководство по lazy loading Если следовать рекомендациям, приведенным в нем, то поисковая система должна «видеть» контент, загружаемый отложено. В PageSpeed ​​Insights появился соответствующий аудит: «Отложите загрузки скрытых изображений», где рекомендуется применить принцип «ленивого загрузки».

Стоит обратить внимание и на то, что обновление расширяет само понятие «скорость сайта": на оценке сказывается не только время, за которое мы можем увидеть страницу и ее элементы, но и готовность этих элементов к работе, их способность реагировать на наши действия. В Lighthouse это неплохо описывается словом Performance (Производительность).

Однако, в работе обновленного инструмента пока ясно не все. Можно заметить, что для многих сайтов оценки скорости на мобильных устройствах стали ниже, даже с учетом измененной шкалы: ресурсы, которые ранее получали твердые «средние» оценки (желтая зона), теперь характеризуются как «медленные» (красная). В то же время, оценки для настольных компьютеров поменялись не так существенно и местами даже улучшились.

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

Не стоит поддаваться панике, если вы видите, что оценка скорости вашего сайта значительно упала: скорее всего, это вызвано изменениями алгоритма и никак не связано с самим сайтом. Не следует совершать опрометчивых действий, особенно если не уверены в их правильности и не обладаете нужными техническими знаниями: так вы рискуете не улучшить работу сайта, а наоборот, нанести им вреда. Лучше, опять же, подождать: возможно, механизмы проверки PageSpeed ​​Insights будут еще дорабатываться в ближайшее время, если будут обнаружены какие-либо ошибки.

Если вы поняли, что ваш сайт необходимо ускорить, и без помощи специалистов не обойтись, то веб-агентство ARTO готово предложить вам свои услуги. Обращайтесь, мы всегда рады помочь!

Чего ждать от этого обновления?
Стоит паниковать от того, что ваш сайт теперь оценивается хуже?
Что это значит?