Почему Google Lighthouse не включает INP, ключевую веб-важную функцию

от

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

Инструмент Google Lighthouse не включает показатель Interaction to Next Paint (INP) в свои регулярные оценки, хотя INP считается основным веб-важным показателем.

Барри Поллард, специалист по разработке веб-производительности в Google Chrome, поделился обоснованием этого и дал ценные советы по оценке показателей ввода-вывода (INP).

Lighthouse измеряет загрузку страниц, а не взаимодействия

Lighthouse измеряет простую загрузку страницы и фиксирует различные характеристики во время этого процесса.

Этот инструмент способен измерять большую отрисовку контента (LCP) и совокупный сдвиг макета (CLS) во время определенных ситуаций загрузки, выявлять любые проблемы и предоставлять предложения по улучшению этих показателей производительности.

Однако INP отличается, поскольку зависит от взаимодействия с пользователем.

Поллард объяснил:

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

Пользовательские потоки пользователей позволяют измерять INP

Использование Lighthouse не может напрямую дать количественную оценку штрафа за взаимодействие (INP), но, понимая частые пути пользователей, вы можете вместо этого использовать «карты пути пользователя» в качестве метода оценки INP.

Поллард добавил:

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

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

Общее время блокировки в качестве прокси-сервера INP

Хотя Lighthouse не может измерить INP без взаимодействия, он может измерить вероятные причины, особенно длительные, блокировки задач JavaScript.

Именно здесь в игру вступает показатель общего времени блокировки (TBT).

По словам Полларда:

«TBT (общее время блокировки) измеряет суммарное время всех задач длительностью более 50 мс. Теория такова:

<ул>

  • Множество длительных блокирующих задач = высокий риск INP!
  • Мало длинных блокирующих задач = низкий риск INP!»

    • Ограничения использования ТБТ в качестве заменителя INP

    У ТБТ есть ограничения в качестве замены INP.

    Поллард отметил:

    Если вы избегаете участия во время длительных действий, возможно, у вас не возникнут проблемы с прогрессом взаимодействия (INP). Кроме того, взаимодействия потенциально могут вызвать загрузку дополнительного JavaScript, который может остаться незамеченным при аудите производительности Lighthouse.

    Он добавляет:

    «Так что это подсказка, но не замена фактическому измерению INP».

    Оптимизация для показателей Lighthouse и пользовательского опыта

    Некоторые разработчики оптимизируют показатели Lighthouse, не учитывая влияние на пользователей.

    Поллард предостерегает от этого, заявляя:

    Частый подход — отложить загрузку ВСЕХ JavaScript до тех пор, пока пользователь не заинтересуется веб-страницей, что полезно для рейтингов Lighthouse. Однако этот метод может привести к ухудшению пользовательского опыта.

    <ул>

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

    • Полный пост Полларда

    https://www.linkedin.com/watch?v=feed/update/urn:li:share:7246499908600442881

    Почему это важно

    Понимание взаимоотношений Lighthouse, INP и TBT необходимо для оптимизации взаимодействия с пользователем.

    Признание ограничений в измерении INP помогает избежать ошибочной оптимизации.

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

    Понимание тонкостей INP (Largest Contentful Paint) имеет решающее значение, поскольку оно продолжает оставаться жизненно важным фактором. Поддержание его в допустимых пределах важно для оптимальной производительности.

    Практическое применение

    Для мониторинга производительности сайта и INP:

    1. Используйте «потоки пользователей» Lighthouse для измерения INP в обычных поездках.
    2. Автоматизируйте потоки пользователей в CI, чтобы отслеживать INP и выявлять регрессии.
    3. Используйте TBT в качестве прокси-сервера INP, но помните о его ограничениях.
    4. Отдавайте приоритет полевым измерениям для получения точных данных ИЯФ.
    5. Сбалансируйте оптимизацию производительности с соображениями UX.

    Смотрите также

    2024-10-01 02:38