WebSpeedLab / независимый справочник
Быстрее к нужному действию.
Измеряем загрузку, отзывчивость и стабильность страницы, затем устраняем причины задержек.
Читать журнал ↗LCP
Загрузка основного содержимого
LCP: основной крупный элемент↗INP
Реакция на взаимодействие
INP: отзывчивость взаимодействий↗CLS
Стабильность страницы
CLS: неожиданные сдвиги↗Библиотека
20 материалов · 4 рубрикЧитайте в журнале
LCP: основной крупный элемент
Метрика связана с появлением крупнейшего подходящего элемента в области просмотра.
Читать материал ↗
INP: отзывчивость взаимодействий
Метрика оценивает задержку реакции на пользовательские взаимодействия.
Читать материал ↗
CLS: неожиданные сдвиги
Стабильность страницы важна при загрузке и дальнейшей работе.
Читать материал ↗
Полевые и лабораторные данные
Лаборатория воспроизводит выбранные условия, поле отражает доступную выборку пользователей.
Читать материал ↗
Отложенная загрузка ниже страницы
Ресурсы вне начальной области могут загружаться позже.
Читать материал ↗
Шрифты и отображение текста
Загрузка шрифта может влиять на появление текста и геометрию.
Читать материал ↗
JavaScript и главный поток
Большой объём выполнения может задерживать реакции страницы.
Читать материал ↗
Выбор редакции
Открыть материал ↗В центре внимания
Измерения
CLS: неожиданные сдвиги
Стабильность страницы важна при загрузке и дальнейшей работе.
Читать дальше ↗Подход WebSpeedLab
От идеи к повседневной практике.
01
Внимание
Сначала понять задачу и контекст.
02
Выбор
Сравнить варианты и найти подходящий.
03
Действие
Начать с небольшого понятного шага.