На горизонте ожидаются изменения в основных веб-показателях Google (CWV). В течение многих лет веб-разработчики отслеживали свои показатели по наибольшей отрисовке контента (LCP), первой задержке ввода (FID) и совокупному сдвигу макета (CLS). Однако, начиная с марта 2024 года, Interaction to Next Paint (INP) заменит FID в качестве одного из этих основных показателей.

Хотя INP находится на стадии тестирования с 2022 года, он больше не считается экспериментальным и готов к измерению на многих самых популярных инструментах веб-разработки. Давайте углубимся в несколько ключевых замечаний о будущем взаимодействия с Next Paint и о том, как оно повлияет на вашу способность измерять техническую производительность веб-сайта.

Что такое взаимодействие с следующей отрисовкой?

Как и другие индексы CWV, показатель INP измеряет конкретный аспект взаимодействия пользователя с конкретной веб-страницей. В случае взаимодействия с Next Paint вы сможете измерить скорость реагирования пользователя на веб-страницу. Обычно измеряемый в миллисекундах INP страницы сообщает веб-разработчикам о максимальной задержке, с которой может столкнуться пользователь при взаимодействии с веб-страницей.

Почему удаляется FID?

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

В чем разница между INP и FID?

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

Еще одно важное различие между этими двумя показателями – временные рамки, в течение которых происходит взаимодействие. FID измеряет, сколько времени требуется браузеру, чтобы начать загрузку следующего визуального элемента после того, как кто-то щелкнет или нажмет клавишу. С другой стороны, когда пользователи взаимодействуют с одним и тем же веб-элементом, INP измеряет, сколько времени требуется для полной загрузки полученного визуального элемента. Обычно это более значимый показатель, поскольку он лучше показывает, сколько времени требуется пользователям, чтобы начать просматривать новую страницу, а не когда браузер готов начать ее загрузку.

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

Где я могу просмотреть свой результат INP?

Несмотря на то, что INP еще не является CWV, он уже является видимым показателем во многих самых популярных инструментах веб-разработки, таких как Google Search Console, расширение Chrome Web Vitals и PageSpeed ​​Insights. INP тестируется уже больше года и считается надежным показателем, поэтому вы можете измерить и сообщить о своем показателе INP.

Несмотря на то, что Google подтвердил, что FID будет заменен на INP в марте 2024 года, они еще не подтвердили, будет ли FID по-прежнему виден.

Что такое хороший результат INP?

Если ваш INP составляет 200 миллисекунд или меньше, ваша страница соответствует требованиям Google. Когда INP составляет 500 мс или выше, это означает, что ваша страница не очень отзывчива, и вы можете начать замечать более высокий показатель отказов. Кроме того, когда INP станет CWV, соответствие критериям Google для положительных результатов INP станет требованием для повышения рейтинга CWV.

Как улучшить свой результат INP

Если вы заметили, что показатель INP составляет 200 мс или более, возможно, вам стоит обратиться к своим веб-разработчикам и попытаться повысить скорость реагирования веб-сайта. Если ваш веб-сайт выполняет множество задач в фоновом режиме или ваш сайт просто с трудом загружает сложную графику, время INP будет выше. Просмотрите самые медленные взаимодействия, происходящие на странице, и рассмотрите возможность их удаления (если они неактуальны) или поработайте вместе с разработчиками над уменьшением общей задержки взаимодействия этих элементов.

Хотя INP имеет много общего с FID, переход между этими CWV — это шаг в правильном направлении для измерения интерактивности и скорости реагирования веб-сайта. Вы можете рассчитывать на переход в марте 2024 года. А пока ознакомьтесь с INP, чтобы получить преимущество.

Read More