ПостLazy Loading стал доступным нативно!🔥

Lazy Loading стал доступным нативно!🔥 Ранее, чтобы подгрузить картинку только в тот момент, когда она нужна, использовали различные библиотеки или писали собственные решения на основе IntersectionObserver. Это было достаточно муторно. Недавно в HTML был добавлен атрибут loading, который позволяет делать это нативно и без кучи дополнительного кода: <img src="image.png" loading="lazy"> Атрибут имеет 2 возможных значения: 1) eager — подгружает изображение немедленно (значение по-умолчанию) 2) lazy — подгружает изображение только тогда, когда пользователь приблизился к изображению в результате скролла Он также работает c <picture> и <iframe> <picture> <source media="(min-width: 800px)" srcset="large.jpg 1x, larger.jpg 2x"> <img src="image.png" loading="lazy"> </picture> <iframe src="someresource.com" loading="lazy" width="560" height="315" > </iframe> ⚙️ Поддержка браузерами широкая