Оптимизируйте новый показатель Google Interaction to Next Paint

30-секундный обзор:

  • Хорошая скорость страницы и пользовательский опыт помогут вашему сайту выделиться в результатах поиска.
  • Метрика «Взаимодействие со следующей отрисовкой» заменяет «Задержку первого ввода».
  • Вы можете повысить скорость отклика вашего сайта на ввод данных пользователем, сократив время обработки ЦП.

Core Web Vitals — это набор показателей, которые Google определил для измерения того, насколько хорош пользовательский интерфейс веб-сайта. Они стали сигналом рейтинга только в 2021 году.

В то время как определения метрик были скорректированы с течением временивведение метрики Interaction to Next Paint — самое большое изменение с момента запуска инициативы Core Web Vitals.

Что такое взаимодействие с Next Paint (INP)?

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

Чтобы получить более высокий рейтинг в Google, эта задержка взаимодействия должна быть менее 200 миллисекунд. Это гарантирует, что веб-сайт чувствует себя отзывчивым для пользователей.

Как меняются Core Web Vitals?

Google объявил, что Interaction to Next Paint становится одним из трех Core Web Vitals показатели в марте 2024 года. На тот момент сайт, который слишком медленно реагирует на ввод пользователя, может хуже ранжироваться в результатах поиска.

ЧИТАТЬ   Затишье в результатах поиска Google и суматоха в SEO-сообществе - Новости

INP заменит текущий Задержка первого ввода (FID) метрика. Хотя FID также измеряет скорость отклика, он более ограничен, поскольку учитывает только первое взаимодействие с пользователем. Он также измеряет только задержку до начала обработки входного события, а не ждет, пока пользователь не увидит результат.

Только на данный момент 64,9% мобильных сайтов преуспеть в метрике «Взаимодействие с следующей отрисовкой», и будет сложнее получить хороший балл INP, чем хороший балл «Задержка первого ввода».

Как я могу измерить показатель Interaction to Next Paint на моем сайте?

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

После завершения теста откройте вкладку «Web Vitals». Вы можете увидеть метрику Interaction to Next Paint внизу страницы.

В этом случае только 38% пользователей имеют хороший опыт работы с INP.Оптимизируйте новый показатель Google Interaction to Next Paint

Как оптимизировать взаимодействие с Next Paint?

Задержки взаимодействия возникают, когда браузеру приходится выполнять большую обработку ЦП, прежде чем он сможет обновить страницу. Это может произойти по двум причинам:

  • Запуск фоновых задач предотвращает обработку пользовательского ввода
  • Сама обработка пользовательского ввода занимает много времени

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

Ответ на взаимодействие с пользователем может потребовать большой обработки. Если это невозможно оптимизировать, рассмотрите возможность отображения счетчика для обеспечения визуальной обратной связи, пока задача обработки не будет завершена.

Выполнение кода JavaScript — наиболее распространенная форма обработки, но сложные визуальные обновления также могут занимать много времени.

Используйте Chrome DevTools для анализа производительности

Инструменты разработчика Chrome профили производительности показывает, какие задачи занимают много времени и должны быть оптимизированы. Начните запись, щелкните элемент на странице, затем щелкните самые длинные полосы в визуализации.

ЧИТАТЬ   Год спустя PlayStation VR2 до сих пор меня не впечатлила | Цифровые тенденции

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

Оптимизируйте новый показатель Google Interaction to Next Paint

Проверьте показатель «Общее время блокировки», чтобы определить фоновые задачи.

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

Вы можете использовать такие инструменты, как Google Маяк чтобы увидеть, как можно оптимизировать этот показатель.

Оптимизируйте новый показатель Google Interaction to Next Paint

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

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

Хотите следить за своими делами на INP и других Core Web Vitals? DebugBear может следите за скоростью вашего сайта и помочь вам оптимизировать его.

Начните бесплатную 14-дневную пробную версию сегодня и получите лучший пользовательский опыт.

Оптимизируйте новый показатель Google Interaction to Next Paint

Заключение

Метрика Interaction to Next Paint представляет собой самое большое изменение в основных веб-показателях Google с момента их первоначального объявления. INP исправляет недостатки предыдущей метрики задержки первого ввода и обеспечивает лучшее представление о том, как пользователи взаимодействуют с веб-сайтом.

Проверьте, как ваш веб-сайт работает по показателю «Взаимодействие с следующей отрисовкой», прежде чем в 2024 году вступит в силу изменение места размещения. Таким образом, у вас будет достаточно времени для определения оптимизаций и ускорения работы вашего веб-сайта.

Попробуйте DebugBear с бесплатной 14-дневной пробной версией.

ЧИТАТЬ   Секреты успешного партнерства: как эффективно зарабатывать на реферальных сервисах

Source