Почему не стоит доверять PageSpeed Insights и какой сервис использовать для анализа скорости загрузки сайта

Раньше я думал, что показатели, которые выдает Google PageSpeed Insights  - это аксиома и радовался, когда он показывал 70-90, и огорчался, когда показатель был ниже. Но потом узнал, что не все так однозначно.

Сперва помогу понять, почему PageSpeed не всегда выдает верные данные.
А потом поделюсь сервисом, которым я пользуюсь.

Надо ли ориентироваться на PageSpeed Insights от Гугл?

PageSpeed Insights отображает лабораторные данные (эмулированная загрузка на стандартном устройстве и соединении), а также полевые данные Chrome UX Report, основанные на сессиях пользователей Chrome.

Во-первых, лабораторные замеры PageSpeed не отражают действительность ваших посетителей.
Во-вторых, полевые данные PageSpeed (от Chrome UX Report) ограничены только пользователями Chrome, а доля других браузеров в России велика (Яндекс.Браузер, Opera и т.д.).
В-третьих, на российских или региональных сайтах локальная инфраструктура, провайдеры или CDN могут настолько ускорить загрузку, что для аудитории из РФ показатель скорости будет лучше, чем видит Google при тесте из-за рубежа. Яндекс.Метрика, напротив, учитывает опыт всей реальной аудитории сайта вне зависимости от браузера, региона и времени суток.

Короче - сайт из России в PageSpeed медленный, хотя по факту он быстрый. А зарубежный сайт для россиян медленный, хотя в PageSpeed он быстрый.

А также, к слову сказать, PageSpeed очень сильно ругается на код JavaScript и CSS от Тильды, с которым вы ну ничего не сделаете. Но по факту он у них очень хорошо оптимизирован.
Код Тильды, блокирующий обработку при первоначальной загрузке страницы.
Так что в целом, если вы сжимали картинки перед загрузкой на сайт и не борщили с анимацией, как в примерах тут, тот у вас скорость загрузки страницы должна быть хорошая.

А еще справочный центр Тильды сам говорит, что не стоит всецело доверять PageSpeed Insights.

Что делать, если страницы загружаются медленно?

Если вкратце, то обратите внимание на эти моменты:
  1. Все картинки сжаты, а анимации нет.
  2. Карты очень сильно грузят сайт. Если есть возможность, то лучше блок карт переместить на страницу Контакты.
  3. Когда ставите форму на сайт, то для красоты и удобства вы явно выбираете поле Телефон с кодом страны. Так вот, эти все флаги стран грузятся вместе со страницей и увеличивают время загрузки. Лучше поменять на альтернативу с маской.
Первый и 2 пункты - реально помогают, а 3 скорее как подорожник.

Подробнее читайте в статье - Как ускорить загрузку сайта на Тильде

Чем проверить скорость загрузки сайта. Альтернатива PageSpeed Insights

Раз PageSpeed Insights такой нерелевантный, то что использовать тогда?

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

Как посмотреть скорость загрузки сайта в Яндекс.Метрике

Важный момент: чтобы получить какие-то показатели, вам надо установить счетчик Метрики на сайт и по-заходить самому на сайт, либо дождаться первых посетителей.
Так что, если у вас уже есть посетители и счетчик установлен, то смотрите ниже, на какие параметры Метрики надо обращать внимание.
  1. После того, как вы установили счетчик Метрики на сайт на Тильде, заходите в Метрику вашего сайта.
  2. Выбираем Отчеты -> в Поиск вбиваем Время загрузки страницы
  3. Через Группировку мы можем задать кастомные фильтры отчета. Например, по Устройству -> Тип устройства
Ориентируйтесь на ключевые показатели FCP (Время до отрисовки) и LCP (Время до загрузки DOM): если они превышают 2–3сек., пользователи ощущают сайт как “медленный”.

Различия между показателями скорости загрузки сайта у PageSpeed и Яндекс.Метрики

Давайте посмотрим различия скорости загрузки у PageSpeed и Яндекс.Метрики на одну и ту же страницу сайта.

Метрика

Яндекс.Метрика

PageSpeed Insights

Комментарий

Время до отрисовки (FCP)

0.668 сек.

1.1 сек.

Первая видимая часть сайта. Должна быть до 2 сек.

Время до загрузки (LCP/DOM)

1.639 сек.

2.5 сек.

Крупный/основной контент загружен и видим. Желательно до 2,5–3 сек.

Время ответа сервера (TTFB)

0,175 сек.

0,49 сек.

Как быстро сервер начал отдавать страницу. До 0,2 сек.

Speed Index

6,6 сек.

Время визуального наполнения. До 4 сек.

Total Blocking Time (TBT)

250 мс

Время, когда интерфейс "зависает". До 200 мс.

Время загрузки и парсинга HTML

0,402 сек.

Время подготовки основного кода. Ориентир — до 0,5 сек.

Больше кода для Tilda в ТГ-канале
Поблагодари за код - подпишись https://t.me/breeze_tilda