Возможно ли использовать web p формат совместно с lazy-loading?

Question

[newsworker90]

Для оптимизации картинок использую формат web p:

<picture>
       <source type="image/webp" srcset="https://ххх/Israel.webp">
       <source type="image/jpeg" srcset="https://ххх/Israel.jpg">
       <img src="https://ххх/Israel.jpg">
</picture>

Возможно ли его совместно использовать с lazy-loading?

<img class="lazy" data-src="https://ххх/Israel.webp" />

Comments

[Rustam Bainazarov]

А скрипту-то какая разница, что у вас прописано в data-src? Он просто берёт оттуда значение и генерирует на его основе src-атрибут. Хоть путь до .exe туда пропишите.

Если что, советую вот это использовать в качестве плагина для этого дела:
https://github.com/aFarkas/lazysizes

Answer 1

[Владимир]

Проперти class никак не отвечает за отложенную загрузку
https://developer.mozilla.org/en-US/docs/Web/HTML/...
В вашем случае этим занимается какойто скрипт, собственно в коде скрипта и нужно смотреть будет ли он работать с webp
Кроме того вопрос совсем не сложный и ява в тегах лишняя, css кстати тоже
javascriptisnotjava.com