У меня есть js код, который отвечает за отложенную загрузку изображений. Но если img еще обернуть тегом picture и добавить теги source для изображений с форматом webp и avif, то надо ли еще для тегов source делать отложенную загрузку? Или если использовать отложенную загрузку изображений, можно вообще обойтись без тега picture и форматов webp, avif?
<picture>
<source srcset="human-back.avif" type="image/avif">
<img data-src="human-back.avif" src="pixel.png" alt="">
</picture>
const Images = document.querySelectorAll('img[data-src]');
function loadImages(entries) {
if (entries[0].isIntersecting) {
entries[0].target.src = entries[0].target.dataset.src
observer.unobserve(entries[0].target)
}
}
const options = { threshold: 0, rootMargin: '50px' }
const observer = new IntersectionObserver(loadImages, options)
Images.forEach(img => {
observer.observe(img)
})
