Как включить на сайте/лендинге ленивую загрузку для JP2, WebP и JPG/PNG?

Question

[name1794x]

Есть сайт/лендинг на котором по умолчанию картинка обозначен код:

img src="logo.png" alt="logo"

Поставлена задача оптимизировать скорость загрузки изображений на сайте, взял код с active-vision:


picture
source srcset="logo.webp" type="image/webp"
source srcset="logo.jp2" type="image/jp2"
img src="logo.jpg" alt="logo"
picture

И поставил ещё перед srcset > data- < и после названия картинки > loading="lazy" <


picture
source data-srcset="logo.webp" type="image/webp"
source data-srcset="logo.jp2" type="image/jp2"
img data-src="logo.jpg" loading="lazy" alt="logo"
picture

На что-то не работает, пробовал ещё не srcset, а просто data-src, бестолку... Картинки на месте, названия правильные, в коде указано правильный путь... Скрипт ленивой загрузки лежит на сайте и указан в коде между head. В коде все открывающие и закрывающие теги проставлены

Что не так?

Comments

[Rustam Bainazarov]

Проверяйте скрипт. Или используйте нормальный (LazySizes).