Как проверить скорость сайта для посетителей
Страница открывается быстро на вашем ноутбуке, но клиент говорит, что на телефоне долго ждёт главную фотографию. В PageSpeed Insights можно сравнить результаты тестовой загрузки с данными реальных посещений, если они доступны для этой страницы.
Что показывают два блока отчёта
В блоке диагностики Lighthouse загружает страницу в заданных условиях. Такой тест помогает искать причины задержки и сравнивать версии страницы при одинаковых настройках.
Данные о реальных посещениях Google берёт из отчёта Chrome UX Report. Они собраны за предыдущие 28 дней по посещениям, которые вошли в отчёт. У людей разные устройства и связь, поэтому результат может отличаться от тестового. Если данных по странице мало, сервис может показать сводку по сайту или оставить этот блок без показателей. Сначала проверьте, показывает ли отчёт данные этой страницы или всего сайта.
Как прочитать расхождение
Учебный пример. В мобильном тесте страницы товара LCP равен 1,8 секунды. В мобильной статистике по этой же странице он составляет 3,1 секунды. LCP показывает, сколько времени прошло от начала загрузки страницы до появления самого крупного видимого изображения или текстового блока.
В нашем примере примерно в трёх четвертях учтённых посещений самый крупный видимый элемент появился за 3,1 секунды или быстрее. Эту границу в отчёте называют 75-м процентилем. Это значение не показывает, какой именно элемент задержал загрузку у каждого человека.
С чего начать проверку
Откройте ту же страницу на телефоне через мобильную сеть. В диагностике Lighthouse посмотрите, какой элемент указан для LCP. Если это фотография, проверьте размер файла и момент начала загрузки. Это гипотеза для проверки, поскольку в разных условиях крупным элементом может стать и другой блок.
После правки повторите тест в тех же условиях. Данные посещений меняются постепенно, поскольку в отчёте ещё остаются замеры до обновления. Смотрите на них отдельно, когда наберутся новые посещения.
Для материала использованы документация PageSpeed Insights и разбор Google о различиях между тестовыми и пользовательскими замерами.
Какая часть вашего сайта на телефоне чаще всего заставляет подождать?
