Estratégia de carregamento quando devo buscar imagens?

1. Qual é a estratégia para carregar recursos de imagem somente quando necessário exibir chamado?
2. Como as imagens são carregadas no navegador?

Qual é a estratégia para carregar recursos de imagem somente quando necessário exibir chamado?

O carregamento preguiçoso é uma estratégia para identificar os recursos como não bloqueadores (não críticos) e carregá-los somente quando necessário. É uma maneira de diminuir a duração do caminho crítico de renderização, que se traduz em tempos reduzidos de carregamento da página.

Como as imagens são carregadas no navegador?

Imagens em uma página da web podem ser carregadas de duas maneiras - usando o <img> tag, ou usando a propriedade CSS `Background`. Vamos primeiro olhar para os mais comuns dos dois, o <img> Tag e depois passe para as imagens de fundo do CSS.