Решение везде работает или нет? Ну тег то этот)

Этот атрибут data- это просто атрибут тега, котоырй проходит валидацию.
Он не оказывает НИКАКОГО влияния на страницу, без навешивания на него дополнительной JS логики.

То есть я совсем не понимаю что здесь обсжудать?
Просто создав старницу с разметкой где будет
<img src="заглушка' data-scr="оригинал">
мы получим страницу с щадглушокй и ВСЕ. ничего не произойдет.

Мне кажется под тегом он подразумевал loading

Потому я и говорю, нужно четко написать вопросы.

В чем именно конкретный вопрос, или кажется что я написал чушь.
Я расскажу подробнее и покажу как проверить

Нет, не спорно.
Свои атрибуты, используемые в коде, принято обозначать через data- , но назвать их можно как угодно. Другой вопрос, что атрибут без приставки data- не будет считаться валидным, что в принципе не особо и страшно. Например, vue генерирует атрибуты без всяких data. Впрочем и чистое SPA без серверного рендеринга индексируется практически никак.
А называть свой атрибут data-src  для денивой загрузки заведено было с давних пор только потому, что так проще объяснить пользователям, не владеющим js , как поставить скрипт, а не потому что поисковики понимают его. Они просто выполняет во фронте js код во второй фазе индексирования.

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

Зачем это делать, если уже 5 лет есть нормальное решение проблемы о коотром я написал?

noscript?

носкрипт это костыль котоый был ДО нормального решения.

Нормальное решение это:
Бот индексирует то что лежит в амтрибует src
браузер показывает то что лежит в атрибуте srcset

вот простая формула

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

https://support.google.com/webmasters/answer/114016?hl=ru @mantikorich Об этом и в официальной справке написано (пункт "Адаптивные изображения)

То есть:
<picture>
<source type="image/webp" srcset="то изображение, что получит пользователь на десктопе.webp">
<source media="(min-width: 650px)" srcset="изображение для мобильных устройств.jpg">
<img src="изображение для Поисковиков.jpg"
</picture>

Я правильно понял? Но это не лейзи, все изображения таким образом будут загружаться вне зависимости от вьюпорта и скроллинга страница. Это крутая оптимизация, которая немного технически сложная, но не заменяет лейзи

Кстати, не подскажите решение для автоматической нарежки изображений и авставки в html разметку для srcset на базе node.js?
Не вручную же в фотошопе нарезать каждое изображение под 3-4 брекпоинта ширины экрана. Для интернет магазина это нереально.

Не все

я говорю конкретно о
<img src= srcset= sizes= >
pictures я детално не проверял.
в  нем нет необходимсти при поддержке srcset
а узлы в дереве оно жрет

Это решение из справки про адаптивное изображение тоже не дает лейзи и отслеживание вьюпорта.

они по сути аналогичны, насколько я знаю

правильно работа,щий лейзи это сейчас
js логика которая знает что
img src=ссылка на аригинал
srcset= заглушка

папав в область просмотра
srcset заменяется на правильный

js логик состит из обсервер апи плюс замена тогоже  srcset с заглушкой  на