Imagens carregando na experiência de rolagem

1. Por que as fotos são carregadas preguiçosas?
2. Devo carregar todas as imagens preguiçosas?
3. Como faço para fazer carregar fotos fora da tela?

Por que as fotos são carregadas preguiçosas?

Por que optar por imagens de carregamento preguiçoso? O carregamento preguiçoso adia o carregamento de uma imagem que não é necessária na página imediatamente. Uma imagem, não é visível para o usuário quando a página carrega, é carregada posteriormente quando o usuário rola e a imagem se torna visível.

Devo carregar todas as imagens preguiçosas?

Você sempre deve usar carregamento preguiçoso para as imagens abaixo da dobra. Como explicamos, o carregamento preguiçoso reduzirá o tempo de carregamento real e percebido. A experiência do usuário se beneficiará com isso - e vocês, usuários, agradecerão.

Como faço para fazer carregar fotos fora da tela?

Com o carregamento preguiçoso do navegador, você só precisa adicionar um atributo de carregamento com um valor de preguiçoso à tag IMG na marcação HTML. Simplificando, tudo o que você precisa fazer é dizer ao navegador quais imagens para carga preguiçosa. Sem JavaScript, APIs ou cálculos necessários.