Новый Google PageSpeed Insights: проверьте показатели вашего сайта

16 марта в Google Chrome анонсировали выход новой версии Lighthouse 6. На этом движке работает Google PageSpeed Insights. Грядет обновление, а вы пробуйте бета версию проверки уже сейчас.

Я Алексей из Loading.express. Мы профессионально ускоряем сайты.

История такая. В ноябре 2019 на саммите разработчиков Chrome Developer Summit анонсировали обновление для PageSpeed Insights к январю 2020.

С задержкой в два месяца вышел бета-релиз и мы сразу развернули его на своих серверах. Подробно исследовали все нововведения и дали всем возможность замерить свой сайт на новых метриках.

TBT — Total Blocking Time или Общее время блокировки. В этот период на сайте невозможно ничего делать. Он грузится, а вы ждёте. Попробуйте ввести с клавиатуры, кликнуть, тапнуть — ничего не выйдет, вы получите эффект зависания или притормаживания.

Ориентиры:

LCP — Largest Contentful Paint или Отрисовка крупного контента. Это время, когда самый большой видимый «кусок» сайта отрисован на экране. Именно тогда посетитель понимает, что ваш сайт визуально готов для взаимодействия. Гугл работали над этим показателем совместно с группой Web Performance Working Group W3C, в составе которой представители компаний Facebook, Airbnb Inc, Intel Corporation, Mozilla Foundation и другие.

Здесь ориентиры:

CLS — Cumulative Layout Shift или Совокупный сдвиг макета. Тут сложно. Этот замер складывает баллы от любого сдвига на странице, который происходит во время загрузки. Тот самый момент, когда заходишь на страницу, начинаешь читать контент, а он вдруг куда-то улетел. Сверху прогрузилась реклама и сдвинула всё содержимое страницы вниз. Чем больше сдвиг, тем оценка будет выше и тем хуже показатель.

Ориентир:

Сейчас в PageSpeed есть показатель FID — максимальная потенциальная задержка ввода. Этот показатель убрали в новой версии. Его функцию частично взял на себя TBT, LCP и отчеты по замерам JS.

Ура! Nexus 5 из 2013 года заменили на Moto G4 из 2016. Тут изменился только размер экрана.

Техническое.

JS (джаваскрипт) — если при загрузке сайта есть выполнение лишнего джаваскрипта, то аудит сообщит об этом отдельным предупреждением.

Раздел Accessibility — новые пункты появятся в аудите, который касается отображения сайта для читалок, которые воспроизводят текст звуком для слабовидящих. Есть мнение, что голосовые помощники тоже будут пользоваться этой разметкой.

Аудит кодировки символов — будет требовать объявить кодировку.

PWA maskable icon audit — новый аудит, который проверяет есть ли векторная иконка для маски. Если нет, то будет требовать векторный формат.

В анонсе от команды Google Chrome написано, что это бета версия, а готовая версия ляжет в основу PageSpeed и в консоль разработчика. Прошлый раз такие глобальные обновления были в PageSpeed в ноябре 2018 года.

Именно с 2018 года PageSpeed измеряет скорость загрузки. До этого он давал просто рекомендации для оптимизации параметров сайта, которые могли влиять на скорость загрузки.

Многие пропустили эти обновления и до сих пор заблуждаются, уверяя всех, что Google PageSpeed Insights не измеряет скорость загрузки сайтов. На деле — измеряет и делает это лучше всех. Единственное, где собака зарыта — замеры происходят из стран Европы.

И да. Важно. Если адаптивная версия сайта показывает хорошие результаты производительности, то и ПК версия в полном порядке.

Не надо замерять её отдельно. Не равняйтесь на показатели ПК версии. Всё. 2020 год. Адаптивные сайты должны быть у каждого.

Измеряйте сайт в новой версии Lighthouse 6 уже сейчас по ссылке ниже:

Быстрых вам сайтов и высоких конверсий!

#скоростьсайта #pagespeed #lighthouse