Браузер Google Chrome получает HUD, который предлагает показатели производительности веб-страницы в реальном времени

Новости
Технология / Браузер Google Chrome получает HUD, который предлагает показатели производительности веб-страницы в реальном времени 2 минуты чтения Запросы уведомлений Chrome Canary

Гугл Хром



как скачать из soundcloud

Google предлагает информативный дисплей Heads-Up Display (HUD) для Браузер Chrome . Наложение предлагает ключевые показатели производительности веб-страниц в режиме реального времени. Это позволит пользователям понять, насколько сильно веб-страницы влияют на производительность браузера и устройства.

Новое наложение производительности веб-страницы в реальном времени, которое в настоящее время является экспериментальной функцией, существенно расширяет возможности Core Web Vitals платформу, которую Google запустил в начале этого года.



Google Core Web Vitals получает визуальное наложение производительности веб-страницы в реальном времени:

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



  • Самая большая содержательная краска (LCP) измеряет, когда становится видимым самый большой элемент на видимом экране браузера. Чтобы обеспечить хорошее взаимодействие с пользователем, LCP должен быть внутри 2,5 секунды о том, когда страница впервые начинает загружаться.
  • Задержка первого входа (FID) измеряет время с момента первого взаимодействия пользователя со страницей до момента, когда браузер может ответить на это взаимодействие. Чтобы обеспечить удобство работы пользователей, страницы должны иметь FID менее 100 миллисекунд .
  • Накопительный сдвиг макета (CLS) измеряет, насколько видимый контент смещается в области просмотра, а также расстояние смещения этих элементов. Общие причины CLS - это когда отображаются объявления, которые выталкивают видимый контент. Чтобы обеспечить удобство работы пользователей, страницы должны поддерживать CLS ниже 0,1.

Между прочим, Google начнет учитывать показатели Core Web Vitals в алгоритмах ранжирования веб-сайтов, которые просматриваются и посещаются через поисковую систему Google. Другими словами, веб-сайтам придется улучшить свои показатели LCP, FID и CLS, чтобы оставаться актуальными в результатах поиска Google.



Показатели Google Core Web Vitals как видимая встроенная функция в веб-браузере Chrome:

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

[Изображение предоставлено: BleepingComputer]

Новый HUD будет расположен в верхней правой части веб-страницы. Он покажет метрики производительности для самой большой отрисовки содержимого (LCP), задержки первого ввода (FID) и совокупного сдвига макета (CLS). HUD также будет включать в себя средний пропущенный кадр (ADF).



ADF - это показатель гладкости который измеряет графический процессор и производительность рендеринга веб-страницы. Чем ниже ADF, тем более гладкой будет страница, в то время как большее количество пропущенных кадров вызовет «рывки» или заикание и прерывистость при использовании веб-страницы.

торт вау

Как включить Google Core Web Vitals HUD в браузере Chrome:

Чтобы опробовать новый HUD показателей производительности Google Core Web Vitals, пользователям необходимо сначала установить Google Chrome Canary .

После установки Chrome Canary включите функцию HUD, выполнив следующие действия.

  1. Войти хром: // флаги в адресную строку Chrome и нажмите клавишу ВВОД.
  2. Когда откроется экран экспериментов, найдите ' КОЖА . ’
  3. Когда ' Показывать показатели производительности в HUD ‘Появится флаг, щелкните раскрывающийся список и выберите‘ Включено . ’
Теги Хром гугл