Carregamento lento
Uma técnica que adia o carregamento de imagens e conteúdo fora da tela até que o usuário role perto deles, reduzindo o tempo de carregamento inicial da página.
O carregamento lento melhora o desempenho, carregando apenas o conteúdo visível na janela de visualização no carregamento inicial da página. As imagens abaixo da dobra permanecem como espaços reservados leves até que o usuário role em direção a elas, acionando o download da imagem real. O carregamento lento nativo por meio do atributo HTML loading='lazy' é compatível com todos os navegadores modernos e não requer JavaScript. O Intersection Observer API fornece mais controle para implementações personalizadas. Para imagens principais acima da dobra, o carregamento lento deve ser desativado - essas imagens precisam de carregamento imediato para uma pintura de maior conteúdo ideal. O carregamento lento agressivo que atrasa o conteúdo visível prejudica o desempenho percebido. O equilíbrio é o carregamento imediato para conteúdo visível e o carregamento diferido para todo o resto.
Termos relacionados
Imagem responsiva
Uma implementação de imagem que oferece diferentes tamanhos ou formatos com base no dispositivo do visualizador, no tamanho da tela e na velocidade da conexão.
Compressão
O processo de redução do tamanho do arquivo de imagem através da codificação de dados de pixel de forma mais eficiente, às vezes à custa da qualidade.