No 2019, o tamanho médio da página da Web para dispositivos móveis é 1,6 MB. As imagens normalmente representam cerca da metade da página da Web comum, porque seu uso requer muitos recursos.
Se você nunca levou a sério a otimização de imagens e seu site WordPress é lento, você tem tudo a ganhar fazendo isso direito. Se suas imagens estão carregando lentamente, geralmente significa que há um problema no seu blog WordPress. Ao se concentrar em suas imagens, você pode evitar muitos problemas de desempenho do site.
Neste tutorial, explicarei por que otimizar imagens é o melhor ponto de partida para otimizar o desempenho do seu blog WordPress. Também veremos algumas dicas para você começar se precisar corrigir o carregamento lento de imagens do WordPress.
Por que você deve começar com imagens ao considerar melhorar o desempenho
A web é agora um cenário rico em multimídia com vídeos, podcasts e mais imagens do que nunca. As imagens podem ajudar seu site a se destacar em um cenário de mídia lotado, mas têm um custo. Se você não veicular suas imagens corretamente, seu site poderá ficar em desvantagem. Se você acelerar o carregamento das imagens, poderá melhorar o desempenho do seu site, fornecer uma experiência de usuário otimizada para dispositivos móveis, melhorar SEO e aumentar as conversões.
Imagens são piores quando são mal feitas
Imagens de grandes dimensões realmente sobrecarregam suas páginas da web.
Se você estiver direcionando um tamanho de arquivo 1,5 MB para uma página da web e estiver adicionando algumas imagens 2 MB cada, excederá esse limite com uma única imagem.
Mas as imagens podem ser beaucoup maior. O tamanho médio do arquivo produzido por uma DSLR média está entre 4 e 12 MB! Se você não sabe melhor e usa uma imagem de 12MB, ou pior, mais do que uma imagem de 12MB, então você realmente vai estragar o desempenho de sua página.
Se você obtiver imagens combinadas com menos de 1 MB, poderá reduzir o peso da página em 20 MB. Obviamente, isso é um grande exagero, mas serve para ilustrar o quanto o excesso pode somar se você não fizer isso direito.
Algo tão simples como redimensionar suas imagens pode melhorar drasticamente o desempenho e economizar despesas gerais.alojamento. Seu host cobra mais pelo espaço em disco que todas essas imagens grandes ocupam.
Vivemos em um primeiro mundo móvel
Ao otimizar suas imagens para celular, você garante uma ótima experiência do usuário para usuários de todos os tipos de dispositivos, para que eles voltem sempre ao seu site.
A popularidade dos dispositivos móveis explodiu a tal ponto que agora estamos vivendo em um mundo onde os celulares são os mais usados. Em julho do 2018, o Google anunciou que a velocidade da página era um fator de classificação para pesquisas em dispositivos móveis.
Isso significa que, quando você cria seus sites, precisa fornecer imagens adequadas para dispositivos móveis com conexões de dados mais lentas.
Se você transmitir imagens Retina destinadas a desktops em uma janela pequena, estará desperdiçando dados. Para os visitantes que não têm planos de dados ilimitados, pode ser muito frustrante e caro.
A imagem otimizada para busca está de volta
O Google não apenas mudou o impacto da otimização móvel nas classificações, mas também mudou a forma como os resultados da pesquisa de imagens são exibidos, levando a mudanças profundas nas classificações. SEO imagens.
Agora você pode direcionar o tráfego para o seu site quando as imagens aparecerem na Pesquisa de imagens.
Em 2013, o Google adicionou um botão de exibição de imagens aos resultados da pesquisa de imagens. Quando alguém clicava nesse botão, era direcionado diretamente para a imagem em vez da página da web em que a imagem estava. Os sites relataram uma queda de 63% no tráfego graças à pesquisa de imagens.
Em 2018, o Google foi forçado a remover o botão de exibição de imagem, então o tráfego começou a afluir novamente. Há muitas possibilidades para suas imagens serem bem classificadas porque os SEOs negligenciaram a otimização de imagens SEO.
A otimização da imagem afeta a linha inferior
As imagens podem abrandar o seu site WordPress se não forem veiculadas corretamente e podem reduzir sua taxa de conversão.
Se você vender produtos em seu site, poderá usar o teste de velocidade da página para dispositivos móveis do Google para mostrar o valor de sua receita potencial. Na página de resultados, role para baixo e abra a seção Avaliar o impacto de um site mais rápido.
A otimização de imagens não apenas gerará mais conversões, mas também determinará o número de leads que você encontra por meio do tráfego de pesquisa.
O objetivo do Google é fornecer a melhor experiência possível ao usuário, da pesquisa à resposta. Se você melhorar o desempenho dos usuários proporcionando-lhes uma ótima experiência, o Google classificará seu site com mais facilidade nos resultados de pesquisa.
Como tornar seu site WordPress mais rápido, melhorando as imagens
Agora que explicamos por que as imagens são o melhor lugar para começar, explicarei algumas tarefas simples que você pode executar em seu site para acelerar o carregamento de imagens.
Excluir imagens desnecessárias
Uma das maneiras mais fáceis de reduzir o peso da página e reduzir o número de solicitações HTTP é limitar o número de imagens em suas páginas da web. Se uma página da web demorar mais de 3 segundos para carregar, considere a remoção de itens e imagens que não contribuem para as conversões.
Sempre verifique se as imagens têm o tamanho certo para o contêiner.
Se suas imagens não estiverem aparecendo quando seu site carregar, é mais provável que suas imagens estejam muito grandes e demorando muito para baixar. Para resolver esse problema, você deve determinar o tamanho da imagem e, em seguida, substituir a imagem do site por uma imagem de tamanho apropriado.
Veja nosso artigo sobre redimensionando imagens para descobrir alguns métodos para fazer isso.
Use o formato correto e use os formatos next-gen, se possível
Alguns formatos de arquivo são maiores do que outros, com GIFs animados sendo um dos formatos de arquivo mais ineficientes até hoje. Você deve usar o formato correto para atender às suas necessidades e ajudá-lo a produzir o menor tamanho de arquivo possível.
Otimize o WordPress rapidamente, permitindo o carregamento atrasado
O carregamento adiado é uma maneira rápida e fácil de adiar o carregamento de imagens e outros itens pelo correio. Se a imagem não estiver na janela do navegador, o navegador aguarda o download para exibir o que o visitante pode ver com muito mais rapidez.
O carregamento progressivo é relativamente fácil de implementar e há muitos plug-ins leves para fazer o trabalho. O tamanho dos arquivos de plug-in é normalmente em torno de 1-3 KB e pode ser configurado em minutos.
Use o CDN para acelerar o carregamento da imagem
Os CDNs estão localizados em todo o mundo, então a transferência de dados necessária para carregar suas imagens é muito mais rápida. Usar um CDN para entregar suas imagens é uma maneira fácil de carregar imagens mais rapidamente no WordPress.
Embora seu host possa incluir um CDN em sua contaalojamento Para melhorar o desempenho do seu site, o CDN do Smush Pro foi projetado especificamente com a otimização de imagens em mente.
Quer uma maneira fácil de otimizar o WordPress?
Você ainda tem muito o que fazer para tornar seu site WordPress mais rápido. Se você não sabe por onde começar, as imagens são um bom ponto de partida. Imagens adequadamente otimizadas oferecem muitos benefícios e, com soluções all-in-one, como esses plugins 5 para compactar imagensÉ fácil melhorar drasticamente as imagens em seu site em apenas alguns minutos.
