Não carregar imagens que ainda não estejam na imagem

Um sítio Web com muitas imagens pode carregar mais lentamente. Deparar-se-á então com Imagens de carga que ainda não estão à vista. O que é Carregar imagens que ainda não estão à vista e como é que se resolve este problema? Explicamos-lhe nesta página.

O que é Carregar imagens que ainda não estão à vista?

Não carregar imagens que ainda não estão à vista é quando tem várias imagens numa página, mas apenas uma delas aparece imediatamente quando a página é carregada. Não verá a página até que todas as outras imagens também tenham sido carregadas.

Carregar imagens mais rapidamente com o carregamento lento

Existe uma solução prática para não carregar imagens que ainda não estão à vista: o princípio do carregamento preguiçoso. Neste caso, uma imagem só é carregada quando está quase à vista. A primeira renderização é, portanto, muito mais rápida. Este carregamento lento já está ativado por defeito no Wix e no WordPress, entre outros.

Para obter a recomendação sobre o carregamento de imagens, utilize o Google pageSpeed Insights.

Impacto do carregamento de imagens que ainda não estão à vista na SEO

Não carregar imagens que não estão à vista ainda tem, de certa forma, impacto na SEO de um sítio Web ou página. O não carregamento de imagens demora muito tempo, o que não é agradável para o visitante do sítio Web. Além disso, isto também tem um impacto na otimização dos motores de busca, uma vez que estes incluem cada vez mais a experiência do utilizador num sítio Web e a velocidade de um sítio Web na sua classificação. Como tal, também afecta a classificação nos resultados de pesquisa.

O meu conselho

Recomendamos que encontre uma solução para o problema Não carregar imagens que ainda não estejam a ser visualizadas. Uma forma de o fazer é através do carregamento lento (lazy loading). Além disso, a utilização do Google pageSpeed Insights é também uma forma inteligente de obter mais informações sobre o conteúdo da sua página Web. Uma boa análise permite-lhe fazer os ajustamentos necessários.

O livro mais completo sobre a velocidade dos sítios Web

Já escrevi tanto sobre a aceleração de sítios Web e tudo o que isso implica, que gosto de dividir o assunto em diferentes secções: geral, ferramentas, pontos de melhoria da velocidade e dicas. Não hesite em ver e consultar todos os links abaixo para saber mais sobre ferramentas e dicas para acelerar o seu sítio Web.

Geral

• Qual é a velocidade do sítio Web
• Velocidade do sítio Web: A divisão entre marketing e desenvolvimento
• A influência da SEO na experiência do utilizador
• A influência da conceção da Web na SEO
• SPAs e SEO
• O que são os principais indicadores vitais da Web do Google?

Ferramentas

• Otimização automática
• Pagespeed.Compare
• W3 Total Cache
• Ferramentas Pingdom
• Google Pagespeed Insights
• GTMetrix

Melhorias na velocidade

• Primeira pintura com conteúdo (FCP)
• Tempo para o primeiro byte (TTFB)
• Tempo para interatividade (TTI)
• Imagem para Maior vista com conteúdo (LCP) pré-carregado
• Ativar a compressão de texto
• Reduzir o CSS
• Tempo total de bloqueio (TBT)
• Índice de velocidade
• Reduzir o JavaScript
• Maior tinta com conteúdo
• Evitar DOM excessivas
• Eliminar CSS não utilizadas
• Remover JavaScript não utilizado
• Fornecer imagens em esquemas modernos
• Ligar antecipadamente às origens necessárias
• Impedir que JavaScript obsoleto seja fornecido aos navegadores modernos
• Utilizar uma política de cache eficiente para itens estáticos
• Remover módulos duplicados do JavaScript
• Evitar múltiplos redireccionamentos
• Codificar imagens de forma eficiente
• Carregar pedidos importantes com antecedência

Dicas gerais

• Sugestões para carregar rapidamente um vídeo
• Utilizar o Edge SEO para um sítio Web mais rápido
• Instalar uma rede de distribuição de conteúdos para SEO
• Otimizar imagens para SEO
• O impacto do alojamento na SEO