Раздел 01

LCP

LCP показывает загрузку крупнейшего элемента первого экрана. Проверьте ресурс и условия реального поля, а не только лабораторную страницу.

Пример

LCP / INP / CLS

Загрузка основного контента / отклик / стабильность.

Дальше: INP
Раздел 02

INP

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

Дальше: CLS
Раздел 03

CLS

CLS отражает неожиданные сдвиги содержимого. Задайте размеры медиа и проверьте поздно загружаемые блоки и шрифты.

Дальше: Field vs lab
Раздел 04

Field vs lab

Данные field отражают реальные устройства и сеть; лабораторный тест помогает воспроизводить причины. Эти источники дополняют друг друга.

Дальше: Типовые причины
Раздел 05

Типовые причины

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

Дальше: Шкала улучшений
Раздел 06

Шкала улучшений

Исправляйте причину, которая сильнее всего затрагивает сценарий и долю пользователей. Проверяйте каждый релиз на исходной группе страниц.

Дальше: Измерение на мобильных
Раздел 07

Измерение на мобильных

Повторите замер на нескольких ширинах и условиях загрузки. Один быстрый компьютер не заменяет реальные мобильные данные.

Дальше: Приоритеты исправлений
Раздел 08

Приоритеты исправлений

Сопоставьте частоту и ущерб, оцените усилие и повторите измерение. Цель — стабильный опыт, а не красивый балл сам по себе.

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