Ao adicionar loading="lazy" à tag ``, o carregamento do conteúdo da imagem ou do frame só começa quando ele está prestes a aparecer na tela.
Para evitar que o conteúdo ao redor sofra reflow, é recomendável definir height e width.
No caso de iframe, o carregamento começa quando ele fica visível na tela, exceto quando seu tamanho é de 4px ou menos, display:none ou visibility: hidden, ou quando suas coordenadas absolutas x,y estão fora da área visível. ( Isso evita que iframes usados para estatísticas ou comunicação sejam lazy loaded )
Atualmente, imagens de fundo em CSS não são suportadas.
Como ainda não há suporte em outros navegadores, é necessário usar uma condição if para aplicar outra biblioteca de lazy loading.
Ainda não há comentários.