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.