Отложенная загрузка изображений по мере прокрутки страницы.
у элемента <picture>
первый <source>
без атрибутов media
и type
,
в srcset
однопиксельная base64 картинка (заглушка или сильно пережатое изображение).
При загрузке страницы браузер выбирает это изображекние как первый ресурс.
При прокрутке страницы, через Intersection Observer API
первый <source>
удаляется и браузер загружает следующее совместимое изображение.
Если браузер не поддерживает Intersection Observer API
, то у всех <picture>
первые <source>
удалятся при инициализации js.