Fornecer imagens em esquemas modernos

Tornar o carregamento de um sítio Web mais rápido é um passo importante para melhorar a SEO. Um conselho possível para o conseguir é a utilização de gráficos Lever em layouts modernos. O que é o Lever graphics nos layouts modernos e porque é que é tão importante? Responderei a estas perguntas e dar-te-ei também conselhos úteis.

O que é o Lever graphics nos layouts modernos?

Apresentar imagens em layouts modernos é um conselho que podes receber ao analisar um sítio Web. Diz algo sobre o tamanho do ficheiro de uma imagem e ajuda a melhorar a velocidade de carregamento do teu site.(1)

A importância dos layouts de imagem modernos

Existem vários formatos de ficheiro que pode utilizar para guardar uma imagem no seu sítio Web, tais como PNG, JPEG, WebP e outros. Guardar fotografias num determinado tamanho de ficheiro afecta muito a velocidade de uma página. Certos formatos têm um tamanho de ficheiro maior, o que é prejudicial para o seu sítio Web: pode demorar mais tempo a carregar. Os ficheiros JPEG têm um tamanho de ficheiro mais pequeno do que os PNG, pelo que é inteligente evitar os PNG quando utilizar imagens para o seu sítio Web.

Outros formatos de imagem, como o JPEG 2000, o JPEG XR e o WebP, oferecem uma melhor compressão do que o JPEG e o PNG. Isto significa descarregamentos mais rápidos e menor consumo de dados: ambos bons para a velocidade de carregamento do seu sítio Web.

O impacto das imagens Lever em layouts modernos na SEO

Fornecer imagens em layouts modernos terá certamente impacto no SEO de um sítio Web ou página. Um motor de pesquisa como o Google presta certamente atenção à velocidade de uma página: isto torna um sítio atrativo para uma posição mais elevada nos resultados da pesquisa. O ajuste dos formatos dos ficheiros de imagem pode reduzir o consumo de dados e o tempo de carregamento. Esta é sem dúvida uma parte importante de uma estratégia de SEO.

O meu conselho

Tem estado a utilizar um programa como o Google PageSpeed Insights? Se assim for, é provável que tenha sido aconselhado a entregar imagens em esquemas modernos. Como é que se organiza isto?

Recomendamos que analise os formatos de ficheiro actuais das suas imagens e que os ajuste. Utiliza o WordPress? Nesse caso, ainda não é possível criar um ficheiro WebP, pelo que se recomenda a instalação de um plugin para o efeito. O Wix já oferece a possibilidade de carregar as suas imagens em WebP.

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
• 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
• Utilizar o carregamento lento
• 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