Google объявляет об инициативе Web Vitals, призванной предоставить разработчикам единое руководство по производительности веб-сайтов с использованием трех основных показателей.
На прошлогоднем саммите разработчиков Chrome Google анонсировали новые инструменты разработчика Chrome чтобы сократить время загрузки страницы и создать собственный интерфейс, подобный приложению. В то время компания также обсуждала инициативу по предоставлению разработчикам единого набора показателей для измерения при создании веб-сайтов с учетом пользовательского опыта и производительности. Следуя первоначальной идее, Google объявила об инициативе Web Vitals, целью которой является предоставление «единое руководство по качественным сигналам, которые необходимы для обеспечения удобного взаимодействия с пользователем в Интернете».
За прошедшие годы Google предложил несколько инструментов, помогающих разработчикам веб-сайтов измерять и сообщать о производительности веб-сайтов. К ним относятся такие вещи, как Маяк, Инструменты разработчика Chrome
, PageSpeed Insights и отчет о скорости Search Console. Но Google отмечает, что, хотя некоторые разработчики весьма искусны в использовании этих инструментов, другим сложно уследить за разнообразием инструментов и показателей. С помощью новой инициативы компания стремится упростить среду, чтобы разработчики могли сосредоточиться на наиболее важных показателях, называемых Core Web Vitals.Основные веб-показатели — это подмножество всех веб-показателей, которые применяются ко всем веб-страницам, должны измеряться всеми владельцами веб-сайтов и будут отображаться во всех инструментах Google. В настоящее время эти основные веб-показатели фокусируются на трех аспектах пользовательского опыта — загрузке, интерактивности и визуальной стабильности — и включают следующие показатели (и их соответствующие пороговые значения):
- Самая большая содержательная краска (LCP): измеряет производительность загрузки. Чтобы обеспечить удобство работы пользователя, LCP должен происходить в течение 2,5 секунд с момента первой загрузки страницы.
- Первая входная задержка (FID): измеряет интерактивность. Чтобы обеспечить хорошее взаимодействие с пользователем, страницы должны иметь FID менее 100 миллисекунд.
- Совокупное изменение макета (CLS): измеряет визуальную стабильность. Чтобы обеспечить хорошее взаимодействие с пользователем, страницы должны поддерживать CLS менее 0,1.
Чтобы помочь разработчикам измерять и сообщать об этих основных веб-показателях, Google стремится отображать эти показатели в своих инструментах. В следующей таблице показано, какие инструменты поддерживают основные веб-показатели:
Разработчики также смогут измерять каждый Core Web Vital в JavaScript с помощью стандартных веб-API и составлять отчеты по каждому Core Web Vital без написания кода, используя Расширение Chrome Web Vitals. Расширение использует библиотеку web-vitals для измерения этих показателей и отображения их пользователям при просмотре веб-страниц. Расширение также может быть полезно для понимания производительности ваших веб-сайтов, веб-сайтов ваших конкурентов и Интернета в целом. Альтернативно, разработчики, которые предпочитают измерять эти метрики с помощью базовых веб-API, могут обратиться к руководствам по метрикам на веб-сайте, указанном ниже, для получения подробной информации о реализации.
Наряду с основными веб-показателями Google также говорит о других веб-показателях, которые будут служить прокси или дополнительными показателями для основных показателей. К ним относятся такие показатели, как время до первого байта (TTFB), первая отрисовка контента (FCP), общее время блокировки (TBT) и время. в интерактивный (TTI), который может помочь разработчикам охватить большую часть опыта или помочь в диагностике конкретных проблемы.
Стоит отметить, что эти веб-показатели и основные веб-показатели будут развиваться со временем, и разработчикам следует ожидать будущих улучшений или дополнений к списку. Однако, поскольку основные веб-показатели актуальны для всех веб-страниц и представлены в нескольких инструментах Google, любые изменения в этих показателях не повлияют на их определение и пороговые значения. Разработчики также будут получать предварительное уведомление о любых предстоящих изменениях и предсказуемой ежегодной схеме. Поскольку другие веб-показатели зависят от контекста или инструментов, их определения и пороговые значения могут меняться чаще без предварительного уведомления. Любые изменения, внесенные во все веб-показатели, будут задокументированы в этом документе. общедоступный журнал изменений.
Источник: веб.разработчик