В начале января Google рассказал о новом атрибуте importance в Html. Данная функция помогает в технической оптимизации сайтов. Как же работает данный атрибут многие спросят?
По официальным источникам от Google, атрибут бета тестируется до 22 марта 2022 года. Что бы ознакомится с информацией от гугл можно — здесь.
Что такое Importance атрибут в html и с чем его едят?
Это функция в бета тесте от гугла которая должна улучшить показатель First Input Delay. Все веб-мастеры смогут выставлять порядок загрузки на странице ресурсов с новым атрибутом. Гугл сообщает о том, что скорость загрузки сокращается на 2 секунды.
Как работает importance?
Есть 3 типа степени важности загрузки ресурса.
1. high — высокий приоритет, это для тех картинок или текста который вы хотите отобразить быстрее всего;
2. low — низкий приоритет, загрузку нужно отложить;
3. auto — автоматически сам браузер определит приоритетность.
Данные атрибуты так же можно добавлять к таким тегам:
link — ссылка
iframe — видео или документ
image — картинка
script — встроенный код
Как использовать атрибут importance в SEO
Данный атрибут можно использовать для приоритетной загрузки фоновых изображений или превью со значением high, что ускорит загрузку. Код должен выглядеть вот так:
<img src=”your-lcp-image.jpg» importance=«high» >
Так же можно изменять приоритетность загрузки и для скриптов. Вот так:
<script src=«async_but_soimportant.js» async importance=«high»>
Вывод
Необходимо сейчас использовать атрибут importance в html для браузеров для приоритетности загрузки и тем самым попадать в органический поиск быстрее. Базовые знания по аудиту сайта можно найти по ссылке. Удачи!