- Como faço para carregar uma imagem preguiçosa em um site?
- Devo carregar todas as imagens preguiçosas?
- Onde você não deve usar carregamento preguiçoso?
- Você pode carregar imagens de fundo de carga preguiçosas?
Como faço para carregar uma imagem preguiçosa em um site?
Técnicas de carregamento preguiçoso para imagens. 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.
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.
Onde você não deve usar carregamento preguiçoso?
Evite imagens de carregamento preguiçoso que estão no primeiro visível Viewport # Você deve evitar o carregamento do carregamento = preguiçoso para quaisquer imagens que estejam no primeiro visível Viewport.
Você pode carregar imagens de fundo de carga preguiçosas?
Você ainda pode carregar imagens de fundo de carga preguiçosas se estiverem em html como um estilo embutido. Plugins como o FlyingPress detectam e preguiçosos carregam -os.