Блог / Статьи14 ноября 2018

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

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 посчитали, что FID является более показательным, если речь идет о статистике работы реальных пользователей с веб-ресурсом.

Помимо этого, внизу секции можно увидеть кнопку «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 посчитал успешно выполненными для данной страницы (то есть, возможностей для ускорения по ним практически нет) попадают в секцию «Успешные аудиты».

Что это все значит?

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

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

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

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

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

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

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

КОММЕНТАРИИ
КОММЕНТИРОВАТЬ
ВОЙТИ
  • Facebook
  • Twitter
  • Google
RUSFET.BIZ
16 ноября 2018, 15:26
Спасибо за статью. Тоже заметил, оценка скорости на мобильных устройствах стала в некоторых случаях намного ниже, чем была ранее. Будем наблюдать ...
ЭТОТ САЙТ ИСПОЛЬЗУЕТ COOKIES
Мы используем cookies для анализа трафика, обеспечения функций социальных сетей и работы системы комментирования на сайте. Список устанавливаемых cookies находится на этой странице. Согласны ли вы на установку cookie?