Implementar o carregamento lento para imagens

O carregamento lento é uma técnica poderosa para melhorar o tempo de carregamento do teu sítio Web, carregando as imagens apenas quando estas são visíveis. Isto significa que os visitantes podem aceder ao teu sítio Web mais rapidamente, sem terem de esperar pelo carregamento de imagens que ainda não estão visíveis.

Para um site como o Ralfvanveen.com, onde a velocidade e a experiência do utilizador são cruciais, o lazy loading é obrigatório. Explico-te como implementar o lazy loading e o que deves ter em atenção para maximizar o impacto SEO.

O que é o carregamento lento e porque é que é importante?

Normalmente, um browser carrega todas as imagens de uma página, independentemente de o utilizador as ver diretamente. Isto muitas vezes torna o tempo de carregamento consideravelmente mais lento, especialmente em páginas com muito conteúdo visual. O carregamento lento evita isto, carregando apenas as imagens que estão atualmente visíveis no ecrã do utilizador (a janela de visualização).

O carregamento lento oferece vantagens claras para um sítio Web como o Ralfvanveen.com. Ao carregar apenas o conteúdo necessário, a experiência do utilizador melhora significativamente devido aos tempos de carregamento mais curtos. Isto também resulta num menor consumo de largura de banda, o que é particularmente benéfico para os visitantes móveis. Além disso, tempos de carregamento mais rápidos contribuem para melhores Core Web Vitals, o que afecta positivamente o teu desempenho SEO e as classificações.

Como funciona a tecnologia por detrás do carregamento lento?

O carregamento lento utiliza JavaScript ou funcionalidades incorporadas no browser. Nos browsers modernos, o carregamento lento é uma forma simples e eficaz de atrasar as imagens até serem visualizadas.

Um exemplo de código que podes copiar:

Descrição da imagem

Roteiro: Implementar o Lazy loading no teu site

Eis como adicionar o carregamento lento ao teu Web site, com especial atenção ao SEO e ao desempenho:


  1. Verifica o estado atual do teu sítio Web Utiliza ferramentas como o Google PageSpeed Insights ou o Lighthouse para veres o desempenho do teu sítio Web. Por exemplo, para Ralfvanveen.com, podes ver os tempos de carregamento e o número de imagens invisíveis carregadas no carregamento.

  2. Utilizar a funcionalidade incorporada no browser Se o teu site suportar browsers modernos, a propriedade de carregamento “lazy” é a forma mais rápida e fácil de implementar o carregamento lento. <> Adiciona esta propriedade a todas as etiquetas img no teu site.

  3. Utilizar uma biblioteca JavaScript Para browsers mais antigos ou implementações mais complexas, podes utilizar bibliotecas JavaScript como a LazyLoad.
    Esta biblioteca fornece opções avançadas, como suporte para imagens de fundo e conteúdo dinâmico. Exemplo de um script LazyLoad:

var lazyLoadInstance = new LazyLoad({elements_selector: “.lazy”});



<E um exemplo de uma imagem em HTML: img class=”lazy” data-src=”image.jpg” alt=”Descrição da imagem”>


  1. Otimizar as imagens de antemão Certifica-te de que as tuas imagens estão optimizadas antes de implementares o carregamento lento. Utiliza ferramentas como o TinyPNG ou o ImageOptim para reduzir o tamanho do ficheiro sem perder qualidade.

  2. Testa bem a tua implementação Verifica se as imagens carregam corretamente em diferentes navegadores e dispositivos. Presta especial atenção ao desempenho em dispositivos móveis, uma vez que o carregamento lento tem frequentemente o maior impacto.
  3. Monitorizar e melhorar: Após a implementação, podes utilizar ferramentas como o Google Analytics para ver como o carregamento lento afecta o desempenho do teu sítio Web. Por exemplo, para Ralfvanveen.com, podes ver se a taxa de rejeição diminuiu devido aos tempos de carregamento mais rápidos.

Melhores práticas para SEO em carregamento lento

O carregamento lento pode oferecer muitas vantagens, mas uma implementação incorrecta pode afetar negativamente o desempenho de SEO. Por isso, certifica-te de que cada imagem tem um texto alternativo descritivo, que apoia tanto a acessibilidade como a otimização do teu motor de busca.

Além disso, verifica se as tuas imagens são rastreadas e indexadas corretamente pelo Google e evita utilizar JavaScript que oculte este conteúdo. Além disso, opta por não carregar imagens importantes, como o teu logótipo ou imagens visualmente proeminentes acima da dobra, para garantir uma visibilidade imediata.

O carregamento lento é uma forma simples e eficaz de melhorar o desempenho do teu sítio Web, especialmente se tiveres muito conteúdo visual como o Ralfvanveen.com. Se o implementares corretamente e tiveres em conta as diretrizes de SEO, não só proporcionarás aos teus utilizadores uma melhor experiência, como também aumentarás a tua classificação nos motores de busca.

Senior SEO-specialist

Ralf van Veen

Senior SEO-specialist
Five stars
Obtenho um 5.0 no Google em 78 revisões

Há 12 anos que trabalho como especialista independente em SEO para empresas (nos Países Baixos e no estrangeiro) que pretendem obter uma classificação mais elevada no Google de uma forma sustentável. Durante este período, prestei consultoria a marcas de renome, criei campanhas internacionais de SEO em grande escala e orientei equipas de desenvolvimento globais sobre otimização de motores de busca.

Com esta vasta experiência em SEO, desenvolvi o curso de SEO e ajudei centenas de empresas a melhorar a sua capacidade de serem encontradas no Google de uma forma sustentável e transparente. Para isso, pode consultar o meu portefólio, referências e colaborações.

Este artigo foi originalmente publicado em 21 Janeiro 2025. A última atualização deste artigo foi em 21 Janeiro 2025. O conteúdo desta página foi escrito e aprovado por Ralf van Veen. Saiba mais sobre a criação dos meus artigos nas minhas directrizes editoriais.