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 марта, зависит от обратной связи.