Продвижение взаимодействия к следующей отрисовке

ИЯФ больше не является экспериментальным. Узнайте о планах Chrome сделать его Core Web Vital в 2024 году.

Энни Салливан
Энни Салливан
Рик Вискоми
Рик Вискоми

Миссия Chrome с программой Web Vitals — помочь разработчикам сосредоточиться на показателях, которые необходимы для обеспечения хорошего пользовательского опыта — Core Web Vitals. Одним из важных аспектов взаимодействия с пользователем, на котором мы сосредоточились, является отзывчивость, то есть способность веб-страницы быстро реагировать на взаимодействия с пользователем.

Первая задержка ввода (FID) — это основная метрика Web Vital, которая измеряет скорость реагирования, но, как мы писали ранее, существуют известные ограничения FID . Это побудило нас изучить и получить отзывы о (тогда) экспериментальной метрике , которая более эффективно устраняет эти ограничения. В 2022 году мы объявили «Взаимодействие с следующей отрисовкой» (INP) в качестве новой метрики, сделали ее широко доступной в наших инструментах и ​​начали работать с сообществом над проверкой ее эффективности.

После еще одного года тестирования и сбора отзывов от сообщества мы готовы прекратить обучение и объявить, что INP больше не является экспериментальным проектом. Кроме того, с марта 2024 года мы также обязуемся продвигать INP в качестве нового показателя оперативности Core Web Vital, заменяющего FID.

В этом посте мы подробнее расскажем о мотивации этого решения, о том, что именно меняется и с чего начать. Подробнее о том, как это повлияет на поиск Google, читайте в их блоге .

Лучшая метрика реагирования

FID стал огромным шагом вперед, когда мы представили его как Core Web Vital в 2020 году. Он предложил разработчикам новый способ измерения оперативности , которую испытывают реальные пользователи , что всегда было важной частью программы Web Vitals. В отличие от аналогичных показателей, которые лишь приблизительно оценивают интерактивность страницы, таких как общее время блокировки (TBT) и время взаимодействия (TTI) , FID напрямую измеряет взаимодействие с пользователем. Важно отметить, что страница может иметь медленный TBT или TTI, но при этом восприниматься как отзывчивая из-за того, как реальные пользователи взаимодействуют со страницей.

Несмотря на то, что FID улучшил способ измерения оперативности, он не был лишен ограничений. Само название фактически выдает два таких ограничения: «первый ввод» и «задержка». FID сообщает об отклике только при первом взаимодействии пользователя со страницей. Несмотря на то, что первое впечатление важно, первое взаимодействие не обязательно отражает все взаимодействия на протяжении всей жизни страницы. Кроме того, FID измеряет только часть задержки ввода первого взаимодействия, которая представляет собой количество времени, которое браузер должен был ждать (из-за занятости основного потока), прежде чем даже начал обрабатывать взаимодействие.

Введите ИНП. Вместо того, чтобы измерять только первое взаимодействие, INP учитывает все взаимодействия , сообщая об одном из самых медленных за все время существования страницы. И вместо измерения только части задержки INP измеряет полную продолжительность от начала взаимодействия через обработчик событий до тех пор, пока браузер не сможет отрисовать следующий кадр. Следовательно, взаимодействие со следующей отрисовкой . Эти детали реализации делают INP гораздо более полным показателем реакции, воспринимаемой пользователем, чем FID.

Развивающийся ИЯФ

С сегодняшнего дня INP больше не является экспериментальным и вместо этого будет считаться метрикой Core Web Vital , ожидающей рассмотрения . Это новое обозначение указывает на то, что INP доказал свою готовность заменить FID, но мы пока не вносим изменения. Чтобы дать экосистеме время на адаптацию, INP официально станет стабильным показателем Core Web Vital в марте 2024 года.

График, показывающий временную шкалу этапов INP, начиная с момента, когда Chrome объявил об экспериментальной поддержке INP в мае 2022 года, до сегодняшнего дня в мае 2023 года, когда Chrome объявляет, что INP теперь является неэкспериментальным и ожидающим рассмотрения показателем Core Web Vital, и, наконец, до марта 2024 года. когда INP станет стабильным показателем Core Web Vital, заменив FID.
Графика, показывающая график этапов INP.

В наших инструментах вы начнете видеть INP без experimental префикса или значка. Если вы программно используете данные INP из любого из следующих API, вам потребуется обновить свой код, чтобы переключиться на неэкспериментальное поле INP.

Инструмент Устаревшее поле Новое поле
Крукс API experimental_interaction_to_next_paint interaction_to_next_paint
API истории CruX experimental_interaction_to_next_paint interaction_to_next_paint
CruX BigQuery experimental.interaction_to_next_paint interaction_to_next_paint
API PageSpeed ​​Insights experimental_interaction_to_next_paint interaction_to_next_paint
Отчет о маяке* experimental-interaction-to-next-paint interaction-to-next-paint
Сопоставление API со старым и новым именем поля INP.
* Lighthouse прекратит использовать экспериментальное поле ИЯФ в версии 11.

Чтобы облегчить переход и избежать поломки последующих приложений, эти API продолжат обслуживать экспериментальное поле ИЯФ еще 90 дней. Поддержка API экспериментального месторождения ИЯФ завершится 8 августа 2023 года.

Между тем, FID останется основным веб-важным показателем до марта 2024 года. К этому времени INP присоединится к крупнейшему контентному рисунку (LCP) и накопительному сдвигу макета (CLS) в качестве трех стабильных основных веб-жизненных показателей. В будущем обновлении мы поделимся дополнительной информацией о точных сроках изменения и плане FID после его замены в качестве Core Web Vital.

Начало работы с ИНП

Хорошие значения INP составляют 200 миллисекунд или меньше, плохие значения — более 500 миллисекунд, а все, что находится между ними, требует улучшения.

Не ждите, пока INP станет Core Web Vital в 2024 году, чтобы начать его улучшать. Ваш веб-сайт вполне может оказаться в числе 93% сайтов, имеющих хорошую производительность FID на мобильных устройствах; однако вы можете быть удивлены, узнав, что только 65% сайтов имеют хороший INP на мобильных устройствах. INP рисует гораздо более точную картину оперативности реагирования, поэтому эти цифры помогают нам более четко увидеть, что нас ждет впереди.

Чтобы узнать, есть ли на вашем сайте проблемы с INP, как их решить, а также все, что связано с INP, лучше всего начать с руководства по оптимизации INP . Независимо от того, изучаете ли вы скорость реагирования впервые или являетесь экспертом по производительности, мы добавили множество новых рекомендаций, чтобы каждому было максимально просто научиться измерять и оптимизировать INP.

Для изучения INP может потребоваться некоторое время, и это нормально. Чтобы помочь вам сосредоточиться на оптимизации с наибольшей рентабельностью инвестиций, ранее в этом году мы опубликовали сообщение в блоге , в котором изложили наши рекомендации до наиболее эффективных рекомендаций по улучшению основных веб-показателей. В частности, мы написали о трех обязательных методах, которые в равной степени применимы к оптимизации FID и INP: избегайте или разбивайте длинные задачи, избегайте ненужного JavaScript и избегайте больших обновлений рендеринга. Подробнее об этих и многих других методах оптимизации INP вы можете узнать в нашей документации .

Дорога впереди

Была установлена ​​новая планка скорости реагирования, и мы рады видеть, что сообщество принимает вызов для улучшения пользовательского опыта. Первые отзывы и тематические исследования были многообещающими, но мы знаем, что для многих этот путь может оказаться долгим и незнакомым. Мы стремимся максимально упростить этот путь с помощью улучшенной диагностики , инструментов и документации , которые помогут разработчикам на этом пути.

Следите за обновлениями о точной дате завершения INP в марте 2024 года. И хотя этот показатель больше не является экспериментальным, мы всегда открыты для отзывов по адресу web-vitals-feedback@googlegroups.com , которые помогут нам улучшить INP и программу Web Vitals. в целом.