Хоть понял что написал? При чем тут название класса? Его хоть как можно назвать, хоть class="myLenivayZagruzkaKartinok", а потом менять или удалять, это не важно.
Сам класс - это селектор элемента на который вешается обработчик js. Какая разница как он называется или на что меняется?---------- Добавлено 07.02.2020 в 18:51 ----------
Да, немного не точно описал принцип.
В самом коде в файле путь в src указан прямой. Когда загружается документ, у тех картинок, у которых прописан класс lazy с помощью php+js добавляется атрибут data-src с прямым путем к картинке, а в атрибуте src меняется путь к картинке на 1 пиксельное изображение закодированное в base64.
Это и показывается в исходном коде страницы на сайта в браузере.
После докрутки до изображения (а вернее когда изображение близко к области видимости), срабатывает обработчики и меняет в src 1 пиксельное изображение на прямой путь к картинке и удаляется класс lazy, чтобы обработчик больше не срабатывал.
А это утверждение предположение или есть какие-то факты?
Это интересно.
То есть под каждым изображением прописывать
<noscript><img title="title-текст" src="my_img.jpg" alt="alt-текст"></noscript>
хотя немного увеличит код.
Не будет ли для поисковиков считаться спамом?
Эх, скорее бы все браузеры стали поддерживать атрибут loading
При чем тут прокрутка? Бот смотрит исходный код, а не крутит документ.
Что именно проверить?
Дело не js, а в том, что, это конечно мое предположение, поисковый робот сам из атрибута data-src берет значение и вставляет его в src. Если бы исполнялся js, то класс тоже бы удалялся.
Привел же пример исходного кода изображения - это из HTML проверенной страницы из SearchСonsole. Еще раз повторю, дело не в js, а в том, считают ли роботы поисковиков data-src, или лучше сказать, поддерживают ли они этот атрибут в качестве ссылки на изображение? Видел реализации ленивой загрузки вообще без src, а только с атрибутом data-src.
Прошу при ответах не строить предположения и догадки (я это сам могу делать), а писать факты, может кто проводил тестирование.
