Какой плагин для Lazyload вы используете?

хороший вариант, но 70% поддержки - это всё же не достаточно, + сафари не поддерживает что весьма весомо. А вот комбинация из loading="lazy" и плагинов для подстраховки уже даёт 100% результат. https://webformyself.com/luchshij-sposob-otlozhenn... - описано как использовать

Ivan1331, вы конечно правы, но я использую lazy-load скорее как прогрессивное улучшение.

Если же он нужен позарез - предложенное вами решение выглядит самым адекватным.

В сафари он кстати поддерживается, если включить экспериментальные фичи, так что в обозримое время должны включить по-умолчанию.

Забудьте про loading lazy.
Это пример работы сделанной на от-бись со стороны гугла.
ссылка на видео, где разобрано по косточкам его работа, а точнее ее отсутствие.

demimurych, смотрел через вкладку network – всё работает, картинки/фреймы грузятся только при скролле до них

Марти Макфлай,
Посмотрите внимательно еще раз видео.
То что ресурсы загружаются - никто не оспаривает. Оспаривается время их загрузки, которое бессмысленно.

Суть любого LazyLoadа в загрузке того что терубется в момент когда это требуется.

То же что сделали с атрибутом loading lazy с точки зрения граничных характеристик - то есть того времени КОГДА он срабатывает делает его бесполезным чуть более чем полностью. По причине того, что что активация процесса загрузки происходит настолько рано, что сводит процесс динивой загрузки к нулю. Он уже не ленивый.

И это я напомню, после того кка удалось уговорить снизить лимиты в два раза.
пол года назад у большинства сайтов вообще не было шансов увидеть ленивую загрузку, потому что грузилось сразу все. Если быть точнее 14 кжранов прокуртки в разрешении 320 x 568 загружались сразу.
И не потому что это была ошибка, а потому что программисты решили что именно такая область должна грузиться сразу. А уж что идет ниже вот то и должно грузиться отложенно.
Еще раз повторяю цифру - 14 экранов.

Марти Макфлай, в браузере в dev tools смотрите во вкладке network какие изображения браузер подгружает, возможно пути неправильно прописаны.

Решение основано на IntersectionObserver API - НЕ кроссбраузерное решение, к огромному моему сожалению.

illiatovpeko, мб полифилл? https://github.com/w3c/IntersectionObserver/tree/m...
Да и то, это может понадобится только для IE11-
Не думаю, что кому-то интересна опера мини и прочие китайские хламо-браузеры.

akavato, с заказчиком не поспоришь.