Измерение реальной производительности сайта

РУКОВОДСТВО / ПРОТОКОЛ

Измерение реальной производительности сайта

Лабораторный балл описывает один тест; реальный опыт зависит от пользователей, устройств и сценариев.

Прямой ответ

Как измерять производительность, не путая оценку с опытом?

Разделяйте полевые и лабораторные данные, мобильные и настольные устройства, страницы и сценарии. Изучайте распределения LCP, INP и CLS, затем найдите ответственное действие или ресурс.

01 / Метод проверки

Метод проверки

01

Задать область

Выберите шаблоны, URL, устройства, регионы и важные действия. Запишите период, объём выборки и изменения.

02

Сопоставить измерения

Оцените полевые Core Web Vitals по 75-му процентилю; лабораторные записи используйте для воспроизведения причин.

03

Найти причины

Выявите элемент LCP, критические ресурсы, блокирующие скрипты, долгие задачи, сдвиги и сторонние компоненты.

04

Исправить и следить

Учитывайте охват и стоимость, сравнивайте до и после в сходных условиях и отслеживайте регрессии.

02 / Сохраняемые доказательства

Сохраняемые доказательства

Выборка

Источник, даты, устройство, регион, URL или группа страниц и объём.

Распределение

LCP, INP и CLS с процентилем и разделением поля и лаборатории.

Причинная запись

Сетевая хронология, элемент, задача или ресурс и проверенная гипотеза.

Решение

Изменение, ответственный, эффект и порог наблюдения.

ПОСЛЕ ПРОВЕРКИ

Решение по результату

01

Лабораторный результат улучшился, полевой не изменился

Не заявляйте об улучшении для пользователей. Проверьте задержку сбора, выборку, кэш, устройства и URL.

02

Загрузка быстрая, действие медленное

Изучите взаимодействия, влияющие на INP, задачи JavaScript и сторонние компоненты; повторите сценарий.

03 / FAQ

Частые вопросы

Почему показатели различаются?

Полевые данные отражают реальные устройства и сети; лаборатория использует заданный сценарий.

Что значит 75-й процентиль?

Значение, которого достигают или улучшают 75 % измеренных посещений.

Достаточно одного теста INP?

Нет. Проверяйте несколько действий и полевые данные; трасса объясняет отдельный случай.

Оптимизировать все изображения?

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

04 / Официальные источники

Официальные источники

Описать задачу