В Google разработали HTML-атрибут для Chrome, который помогает улучшить Core Web Vitals

Google опубликовал статью c описанием нового экспериментального HTML-атрибута для Chrome, который помогает улучшить Core Web Vitals и пользовательский опыт. Он получил название «importance».

Этот атрибут позволяет указать «относительную важность» ресурсов для браузера, что помогает лучше контролировать порядок их загрузки. В Google назвали это «подсказками о приоритетах».

В компании поделились примером, где фоновое изображение, которое загружалось с помощью атрибута «importance», сэкономило 1,9 сек общего времени загрузки. И это только одно изображение.

Какие проблемы решает новый атрибут

Владельцы сайтов могут ускорить нахождение ресурсов веб-страницы, используя <link rel=preload>, а также контролировать загрузку и выполнение скриптов с помощью атрибутов «async» и «defer». Однако они не могут сообщить браузеру, какие ресурсы важны, а какие нет.

Атрибут «importance» дает браузеру подсказку о том, является ли указанный элемент веб-страницы важным (или не важным) и побуждает его присвоить ему более высокий (или более низкий) приоритет.

Новый атрибут может иметь следующие значения:

• High (высокая важность)
• Low (низкая важность)
• Auto (браузер определяет важность сам)

Атрибут можно использовать для таких элементов, как:

• link
• img
• script
• iframe

Как эти подсказки улучшают Core Web Vitals

В Google привели несколько примеров. Так, изображения с предварительной загрузкой будут получать низкий приоритет в браузере и откладываться. Использование атрибута «importance» позволяет присвоить изображению высокий приоритет и обеспечить более раннюю загрузку.

То же самое происходит со скриптами, в которых используются атрибуты «async» или «defer», – они также получают низкий приоритет. Добавление атрибута «importance» к важным скриптам позволяет браузеру быстрее отобразить страницу и обеспечить лучший пользовательский опыт.

Доступность

Новый атрибут будет доступен для тестирования в формате Origin Trial в Chrome 96-99.  Цель этого периода – оценить интерес к этой функции и посмотреть, приведет ли ее использование к значимым улучшениям. Origin Trial продлится до 22 марта 2022 года.

96-я версия браузера уже доступна в Chrome Canary. Публичный релиз этой версии запланирован на 21 ноября.

Чтобы принять участие в тестировании, нужно заполнить форму. 

Будет ли новый атрибут доступен после 22 марта, зависит от обратной связи.