Новый атрибут для картинок loading="lazy" для ленивой загрузки

Гугл анонсировал новый атрибут для тегов img и iframe, который позволит ускорить загрузку сайта без сторонних скриптов и плагинов (так называемая ленивая загрузка картинок, отвечать за которую будет теперь движок браузера). Все изображения будут индексироваться.

loading="lazy" - картинка будет загружена по требованию

loading="eager" - картинка будет загружена немедленно

loading="auto" - значение по-умолчанию, браузер сам решает как загружать

Если поставить auto, движок сам будет решать в какой момент загружать, на основе данных о близости картинки и скорости интернета.

Новый атрибут начнет поддерживаться в следующих версиях Google Chrome, Opera, Microsoft Edge, Safari

Кто хочет потестировать сейчас, в Хроме- открыть chrome://flags/ активировать Enable lazy image loading