Como usar imagens e manter a velocidade das suas páginas

Como usar imagens e manter a velocidade das suas páginas

Manter a velocidade das suas páginas é determinante para a experiência do usuário e para o posicionamento no Google.

Então, se você quer reter os visitantes no seu site e melhorar os resultados com SEO, vamos apresentar algumas dicas de como utilizar as imagens de forma correta pode acelerar a velocidade das suas páginas.

Veja agora como avaliar e acelerar o desempenho das suas páginas.

Reduza o tamanho das imagens

As imagens impactam bastante no peso e no carregamento de um site. De acordo com o HTTP Archive, em maio de 2019, elas eram responsáveis por mais da metade dos bytes de um site.

Otimizá-las, então, pode ser um dos primeiros passos para melhorar a sua velocidade.

Vamos começar pela redução do tamanho. Para isso, você pode usar um plugin de otimização de imagens para WordPress, como o Optimus e o Tinypng.

Esses aplicativos reduzem os kilobytes das imagens (sem perder a qualidade) e eliminam todas as informações supérfluas que programas de edição podem salvar com o arquivo.

Eles permitem executar essas ações automaticamente, durante o upload, nas imagens que forem incluídas, mas também naquelas já existentes no site.

Utilize formatos de última geração para as imagens

Outra ação importante para otimizar as imagens é usar os formatos mais atualizados de arquivos, como JPEG 2000, JPEG XR e WebP.

Eles costumam ter uma compactação melhor, mantendo a qualidade, em comparação com JPEG e PNG.

Isso reduz o consumo de dados de rede de celular e a acelera o carregamento.

Faça upload das imagens no tamanho que serão usadas

Se você vai usar uma imagem no tamanho 313×235, por exemplo, por que incluí-la no site no tamanho 640×480?

Deixar que o site faça esse redimensionamento via HTTP ou CSS também pode atrasar o carregamento, sabia?

Além disso, a imagem vai ocupar mais espaço sem necessidade, já que ela será usada em tamanho menor.

Portanto, salve a imagem nas dimensões em que ela será usada no site.

Assim, o servidor não perde tempo com o redimensionamento, nem espaço com uma imagem que poderia ser mais leve.

Adie o carregamento de imagens fora da tela

Até as imagens que não aparecem na tela prejudicam o tempo de carregamento das páginas, sabia?

É isso que acontece quando as imagens vão aparecendo à medida que você rola uma página.

Isso significa que o desenvolvedor usou o recurso de lazy load (carregamento lento) para as imagens ocultas da tela.

Assim, elas só são carregadas quando o usuário chega até elas com a rolagem.

Esse recurso pode ser configurado com os plugins para WordPress: Lazy Load ou Lazy Load by WP Rocket. As duas opções são bem simples de usar.

Enfim, agora você já tem várias soluções práticas para tornar o seu site mais veloz. Além de melhorar a experiência dos usuários com a sua página e conquistar a confiança deles, você também vai mostrar ao Google que merece um posicionamento melhor nos resultados da busca.

Agora que você já sabe como melhorar a velocidade das suas páginas , é hora de conhecer outras ações para chegar ao topo do Google!

Leia o nosso post em que contamos como otimizar a experiencia mobile para seus clientes e aumentar o seu rancking no google.