Опубликовано: 23 июня 2022 г., Последнее обновление: 18 ноября 2025 г.
Метрики в CrUX основаны на стандартных API веб-платформы, предоставляемых браузерами. В частности, в наборе данных BigQuery эти данные агрегируются до уровня источника. Владельцы сайтов, которым требуется более детальный анализ (например, на уровне URL) и понимание производительности своего сайта, могут использовать те же API для сбора подробных данных об измерениях реальных пользователей (RUM) для своих источников. Обратите внимание, что хотя все API доступны в Chrome, другие браузеры могут не поддерживать полный набор метрик.
Большинство показателей представлены в виде гистограммы, что позволяет визуализировать распределение и приблизительно оценить значения процентилей.
Кумулятивное изменение компоновки
«Кумулятивное смещение макета (CLS) — это важный, ориентированный на пользователя показатель для измерения визуальной стабильности, поскольку он помогает количественно оценить, как часто пользователи сталкиваются с неожиданными изменениями макета — низкий показатель CLS помогает гарантировать, что страница будет приятной для глаз».
Содержимое DOM загружено
«Объект DOMContentLoaded сообщает время, когда исходный HTML-документ полностью загружен и проанализирован, без ожидания завершения загрузки таблиц стилей, изображений и подфреймов».
Первая краска
«Функция First Paint сообщает время, когда браузер впервые отобразил страницу после перехода. Она не включает отрисовку фона по умолчанию, но включает отрисовку фона вне стандартного режима. Это первый ключевой момент, который волнует разработчиков при загрузке страницы — когда браузер начал отрисовывать страницу».
Первая довольная картина
«Функция First Contentful Paint (FCP) сообщает о времени, когда браузер впервые отобразил любой текст, изображение (включая фоновые изображения), не белый холст или SVG. Это включает текст с ожидающими обновлениями веб-шрифтов. Это первый раз, когда пользователи могут начать просматривать содержимое страницы».
Взаимодействие с Next Paint
«Показатель "Interaction to Next Paint" (INP) — это метрика, оценивающая отзывчивость страницы. INP регистрирует задержку всех взаимодействий на протяжении всего жизненного цикла страницы. Наибольшее значение этих взаимодействий — или близкое к наибольшему для страниц с большим количеством взаимодействий — записывается как значение INP страницы. Низкое значение INP гарантирует, что страница будет надежно отзывчивой в любое время».
В феврале 2022 года в набор данных CrUX был добавлен показатель Interaction to Next Paint (INP). Этот новый показатель отражает сквозную задержку отдельных событий и предлагает более целостную картину общей отзывчивости страницы на протяжении всего ее жизненного цикла.
Крупнейшая содержательная краска
«Показатель Largest Contentful Paint (LCP) — это важная, ориентированная на пользователя метрика для измерения воспринимаемой скорости загрузки, поскольку она отмечает точку на временной шкале загрузки страницы, когда основной контент страницы, вероятно, уже загружен — быстрый LCP помогает убедить пользователя в полезности страницы».
Крупнейший ресурс Contentful Paint.
«LCP отображает время рендеринга самого большого изображения, текстового блока или видео, видимого в области просмотра, относительно момента первого перехода пользователя на страницу».
web.dev/articles/lcp - Какие элементы учитываются при создании LCP?
Текст и изображения (включая изображение первого кадра видео) часто имеют совершенно разные характеристики загрузки и методы оптимизации. Понимание соотношения типов ресурсов LCP позволяет лучше понимать ваши метрики LCP и пути оптимизации.
Для получения более подробной информации см. сообщение в блоге о запуске типов ресурсов LCP .
Крупнейшие подразделы изображений Contentful Paint
«Оптимизация LCP может оказаться более сложной задачей, если PageSpeed Insights не дает ответа на вопрос, как улучшить этот показатель. В сложных задачах, как правило, лучше разбить их на более мелкие, более управляемые задачи и решать каждую отдельно».
web.dev/articles/optimize-lcp - Разбор LCP на подкомпоненты
Разбивка изображений LCP на наиболее важные подкомпоненты позволяет использовать конкретные рекомендации и лучшие практики для оптимизации каждой части.
Подкомпоненты изображения LCP предоставляются в четырех отдельных метриках:
-
largest_contentful_paint_image_time_to_first_byte -
largest_contentful_paint_image_resource_load_delay -
largest_contentful_paint_image_resource_load_duration -
largest_contentful_paint_image_element_render_delay
В расчет включены только отдельные части изображений, и это не включает изображения первого кадра видео, поскольку они несколько сложнее, так как мы не можем измерить полное время загрузки (обратите внимание, что первые кадры видео включены в метрику типа ресурса LCP, где эта сложность не имеет значения).
Текстовые подчасти также не включены, поскольку они менее полезны и исказили бы показатели LCP изображений. Для сайтов, которые в основном состоят из текстовых LCP, полезны общие показатели TTFB и FCP — хотя следует отметить, что они относятся ко всем LCP, а не только к текстовым.
Для получения более подробной информации см. сообщение в блоге о запуске подкомпонентов образа LCP .
Типы навигации
Показатель «Типы навигации» предоставляет разбивку по проценту просмотров страниц для следующих типов навигации:
| Тип | Описание |
|---|---|
navigate | Страница, которая не подпадает ни под одну из других категорий. |
navigate_cache | Загрузка страницы, при которой основной ресурс (главный HTML-документ) был получен из HTTP-кэша. Сайты часто используют кэширование для вложенных ресурсов, но основной HTML-документ часто кэшируется значительно реже , и если это возможно, то возможность кэширования как локально, так и на CDN может привести к заметному повышению производительности. |
reload | Пользователь перезагрузил страницу, нажав кнопку перезагрузки, клавишу Enter в адресной строке или отменив закрытие вкладки. Перезагрузка страницы часто приводит к повторной проверке на сервере, чтобы убедиться, что главная страница изменилась. Высокий процент перезагрузок страниц может указывать на неудовлетворенность пользователя пользовательским опытом. |
restore | Страница была перезагружена после перезапуска браузера или удаления вкладки из-за проблем с памятью. В Chrome на Android это отображается как «перезагрузка». |
back_forward | История навигации означает, что страница была просмотрена и на нее недавно возвращались. При правильном кэшировании это должно быть достаточно быстро, но все равно требует обработки страницы и выполнения JavaScript — чего bfcache избегает. |
back_forward_cache | История навигации, которая была получена из bfcache. Оптимизация ваших страниц для использования преимуществ bfcache путем удаления блокировщиков должна привести к более быстрой работе, поэтому сайты должны выглядеть... |
prerender | Страница была предварительно отрисована, что — подобно bfcache — может привести к практически мгновенной загрузке страницы. |
В некоторых случаях загрузка страницы может представлять собой комбинацию нескольких типов навигации. В этом случае CrUX сообщает о первом совпадении в обратном порядке таблицы (снизу вверх).
Более подробную информацию можно найти в сообщении об объявлении о типах навигации .
Загрузка
«Событие загрузки срабатывает, когда страница и зависимые от неё ресурсы полностью загрузятся».
Время в пути туда и обратно
Предоставляет оценку времени кругового пути HTTP (на уровне приложения) в начале навигации на основе последних сетевых подключений. Этот показатель основан на свойстве rtt API сетевой информации , который является тем же API, что и ранее использовался для измерения эффективного типа подключения (ECT) .
Для получения более подробной информации см. сообщение в блоге о запуске типов ресурсов LCP .
Экспериментальные метрики
Экспериментальные метрики доступны в наборе данных CrUX с использованием BigQuery , а некоторые также доступны через API CrUX . Эти метрики, вероятно, будут регулярно меняться по мере развития на основе отзывов пользователей. Чтобы быть в курсе последних изменений, ознакомьтесь с примечаниями к выпуску .
Время до первого байта
В CrUX время отклика (TTFB) измеряется только при полной загрузке страницы, в отличие от других таймеров (таких как LCP ), которые также измеряются при переходе по кэшу назад/вперед (bfcache) и при предварительно отрисованных страницах . Таким образом, размер выборки TTFB может быть меньше, чем у других метрик, и сравнение с ними не обязательно должно проводиться напрямую. В CrUX TTFB включает в себя загрузки «холодных» страниц, загрузки страниц из кэша и загрузки страниц из установленного соединения (например, загрузки страниц внутри сайта).
TTFB не является прямым показателем времени ответа сервера, поскольку включает в себя показатели, предшествующие этому, в том числе время перенаправления, и может зависеть от того, поступает ли ответ из кэша, CDN или с сервера. Это особенно заметно в полевых данных, таких как CrUX, тогда как лабораторное тестирование, как правило, менее подвержено влиянию этих факторов, поскольку конечный URL-адрес является тестовым и часто многократно игнорирует изменения, вносимые кэшированием.
Популярность
Показатель популярности сайта — это относительная мера популярности сайта в наборе данных CrUX, измеряемая общим количеством посещений исходного сайта. Ранг определяется по логарифмической шкале (log10) с шагом в полшага (например, топ 1k, топ 5k, топ 10k, топ 50k, топ 100k, топ 500k, топ 1M и т. д.), при этом каждый следующий ранг исключает предыдущий (например, топ 5k — это фактически 4k URL-адресов, исключая топ 1k). Верхний предел динамически изменяется по мере роста набора данных.
Популярность используется в качестве ориентира для широкого анализа, например, для определения показателей эффективности по странам среди 1000 ведущих стран-производителей.
Разрешения на уведомления
Для веб-сайтов, запрашивающих разрешение на показ уведомлений пользователям, этот показатель отражает относительную частоту ответов пользователей на запросы: принять, отклонить, проигнорировать или закрыть.