O carregamento adiado faz o navegador só pedir uma imagem ou um vídeo quando está perto de aparecer no ecrã, em vez de os descarregar todos à entrada. Poupa dados e acelera o arranque, mas só se for aplicado ao que está abaixo da dobra. Aplicado à imagem do topo, deixa a página mais lenta.
O que adiar e o que não
| Elemento |
Adiar? |
Porquê |
| A imagem principal, no topo da página |
Nunca |
É quase sempre o elemento do LCP. Adiá-la faz o navegador esperar para a pedir. Veja como corrigir o LCP. |
| Logótipo e imagens do cabeçalho |
Não |
Aparecem logo à entrada. |
| Imagens mais abaixo no texto, galerias, rodapé |
Sim |
O visitante pode nem lá chegar. |
| Vídeos e mapas incorporados (iframes) |
Sim |
Cada um puxa muitos ficheiros e scripts. É onde o adiamento poupa mais. |
| Imagens dentro de separadores e acordeões fechados |
Cuidado |
Algumas soluções não as encontram quando o separador abre. Teste. |
Como se liga
| 1 |
O atributo nativo. Basta loading="lazy" no <img> ou no <iframe>. O WordPress põe-no sozinho nas imagens e iframes do conteúdo, por isso muitas vezes já está ligado. Confira no código da página.
|
|
| 2 |
No LiteSpeed Cache, o separador de optimização de página tem opções de adiamento para imagens e iframes. Os nomes mudam de versão para versão do plugin. Se já usa o carregamento nativo do WordPress, não ligue os dois: um deles é a mais.
|
|
| 3 |
Para um vídeo do YouTube ou um mapa, a melhor poupança é mostrar uma imagem com um botão e só carregar o vídeo ao clicar. Existem plugins que fazem isso. Verifique que o botão funciona no telemóvel.
|
|
| 4 |
Teste a página a rolar num telemóvel: as imagens têm de aparecer sem um “buraco” em branco, e o conteúdo não pode saltar. Veja como corrigir o CLS.
|
|
|
Sem tamanho, o adiamento causa saltos. Uma imagem adiada sem width e height não reserva espaço: quando chega, empurra o texto. Declare sempre as dimensões.
|
|
Adiamento por script pode esconder imagens da Google. O atributo nativo é o que os motores de busca entendem melhor. Soluções que só carregam a imagem depois de um gesto de rolagem podem deixá-las por indexar. Se usa uma, confirme na Inspecção de URL do Search Console.
|
|
Primeiro o que pesa. Adiar imagens enormes é pôr um penso num problema. Reduza as dimensões e o peso antes (veja optimização de imagens e WebP) e deixe o adiamento para o que resta.
|
Para quem visita pelo telemóvel, com dados móveis, o ganho é concreto: menos megabytes descarregados antes de sequer rolar a página, e menos dados gastos com imagens que nunca chega a ver.
|
Ligou o adiamento e há imagens que não aparecem, ou a página salta? Envie-nos o endereço e o plugin que usa.
Abrir um pedido de suporte
|
PRODUTO RECOMENDADO Alojamento de sites com cPanel Domínio e SSL incluídos, cópias diárias e o painel que já conhece. desde 5.940,00 Kz/mês (plano de 3 anos, com cupão) Ver planos |
Português
English
