Como otimizar imagens do WordPress e tornar seu site MAIS RÁPIDO

Se você deseja fornecer uma ótima experiência do usuário ao seu visitante, precisará garantir que o seu site carregue mais rápido, para que isso não os frustre. Na verdade, a velocidade do seu site pode fazer ou quebrar seu negócio online. Você DEVE otimizar as imagens do WordPress para tornar o seu site mais rápido - porque as imagens geralmente são a parte mais pesada do seu conteúdo,

Walmart encontrou um Aumento de 2% na taxa de conversão sempre que melhoraram a velocidade em 1 segundo.

E Amazon encontrou um aumento na receita de 1% a cada 100 milissegundos de melhoria na velocidade do site. Essas estatísticas indicam que tornar seu site rápido é fundamental para ele. Uma maneira fácil de tornar seu site mais rápido é otimizando todas as imagens em seu site WordPress.

Conteúdo[Show]
 

otimizar imagens wordpress para melhores taxas de conversão

Se você ainda não considerou a velocidade do seu site WordPress como um componente crítico do seu negócio, terá que pensar novamente e começar a tomar medidas para melhorar a velocidade do seu site WordPress.

Recomendar leitura: Como obter um site WordPress rápido - um guia completo [25 ações]

Existem muitas maneiras de tornar seu site mais rápido. Alguns deles estão listados abaixo.

  • Evite usar muitos plug-ins do WordPress
  • Use os serviços do WordPress CDN
  • Otimize a entrega de CSS
  • Otimize imagens do WordPress

As imagens que não foram otimizadas para a web costumam ser grandes. Essas imagens vão demorar mais para carregar. É importante que você otimize suas imagens, tornando-as o menor possível. No entanto, na maioria das vezes, o processo de otimização de imagens para WordPress e seu site é tedioso ou atrapalha a produção de conteúdo.

Neste post, vamos explicar diferentes maneiras de otimizar suas imagens WordPress e, assim, fazer seu site carregar mais rápido.

Compactar imagens ou salvá-las para a web

É óbvio que o tamanho da sua imagem pode influenciar o tempo de carregamento do seu site WordPress. Como as imagens de alta resolução terão um tamanho de arquivo maior, é sempre melhor comprimir as imagens antes de fazer o upload.

Agora você deve ter uma pergunta: o que é compactação de imagem WordPress e como ela pode reduzir o tamanho sem afetar a qualidade?

A compactação é o processo de diminuir drasticamente o tamanho da imagem, removendo algoritmicamente as informações da imagem que o olho humano não consegue perceber. Esta é uma forma muito eficaz de otimizar imagens WordPress.

Embora a compactação de imagens seja um método infalível para reduzir o tamanho da imagem, quando se trata de compactar arquivos JPEG, às vezes o processo perde o conteúdo real das imagens durante o processo. Essa é a única desvantagem dessa abordagem. Lembre-se de verificar os resultados da pós-compressão com cuidado, para se certificar de que está satisfeito com os resultados da compressão.

WP Smush é um plugin popular para WordPress que permite reduzir facilmente o tamanho do arquivo de imagem, digitalizando cada imagem que você carrega e removendo informações de dados desnecessárias. A versão gratuita deste plugin permite compactar imagens de até 1 MB de tamanho, enquanto, com a versão profissional, você pode compactar imagens de até 32 MB.

Você pode baixar WP Smush Aqui.

wp smush para otimizar imagens wordpress

Observe também que este plug-in permite otimizar todas as imagens recém-carregadas em seu site WordPress. Se você deseja compactar as imagens existentes, pode usar o link Bulk Smush.it na guia da biblioteca de mídia para otimizar as imagens existentes do WordPress.

Carregamento lento: otimize o tempo de carregamento de imagens WordPress

[ATUALIZAÇÃO: WordPress 5.4 tem carregamento lento embutido no núcleo, então você só precisa executar esta ação se sua versão do WordPress for inferior a esta]

Todos nós sabemos que "Uma imagem vale mais que mil palavras".

Mas usar muitas fotos em uma única página pode tornar o carregamento do seu site mais lento.

Uma maneira fácil de melhorar o tempo de carregamento é removendo imagens desnecessárias e mantendo apenas o que for absolutamente necessário. No entanto, nem todo mundo deseja reduzir o número de imagens usadas em uma página da web, apenas para tornar o carregamento da página mais rápido.

Como esse problema pode ser resolvido?

Você já deve ter notado - sites que usam muitas imagens em cada página resolvem esse problema fazendo com que a imagem carregue apenas quando estiver visível para o usuário. Essa tática não apenas reduz o tempo de carregamento da página, mas também economiza largura de banda do servidor. Isso é chamado de carregamento lento. Como a imagem é "preguiçosa", ela só aparece quando é necessário.

Se você estiver no WordPress, é mais fácil fazer a imagem carregar apenas quando ela estiver visível. Tudo que você precisa fazer é instalar um plugin de carregamento lento. Mais uma vez, esta é uma excelente maneira de otimizar imagens do WordPress para aumentar a velocidade.

Você pode baixar o Plugin de carregamento lento Aqui.

Otimize imagens wordpress com carregamento lento

Este plugin não precisa de nenhuma configuração adicional, pois funciona imediatamente após a instalação e ativação.

Leia mais: Divi vs Elementor

Use o formato de imagem otimizado e correto

JPEG, PNG e GIF são os formatos de imagem mais populares.

Saber as diferenças entre cada formato de imagem permite que você use o formato certo em seu site, o que até ajuda você no que se refere à otimização de imagens.

Qual formato é melhor para imagens de sites WordPress otimizadas e quando você deve usá-lo? Abaixo estão algumas dicas:

  • GIF: Use GIF quando sua imagem for muito pequena e usar um less número de cores. Por exemplo, GIF é uma boa escolha para clipart, marcadores e gráficos. Por outro lado, imagens complexas com aprimoramentos como sombras projetadas não podiam ser exibidas corretamente usando GIF.
  • JPEG / JPG: É adequado para imagens complexas com muitas variações de cores ou se contiver imagens fotográficas.
  • PNG: O formato PNG é mais adequado para imagens transparentes.
  • WebP: este é o melhor formato atualmente, mas a criação dessas imagens requer suporte de servidor em seu site

Observe que essas são apenas recomendações gerais. Como qualquer regra, há exceções e algumas dessas regras devem ser violadas.

Faça uso eficaz do cache do navegador

Ao fazer upload de imagens em uma página da web, certifique-se de carregá-las em um único diretório. Carregar suas imagens em um único diretório em uma página da web ajudará o navegador a carregar facilmente essas imagens usando o cache do navegador durante visitas repetidas.

Não há problema se você estiver enviando imagens por meio do uploader de imagens padrão do WordPress. Mas, por exemplo, se você estiver criando páginas de destino em HTML no WordPress, é provável que não use o uploader de imagens padrão do WordPress. Nesses casos, em vez de enviar as imagens de uma página da web para diretórios diferentes, certifique-se de enviar todas elas em um único diretório.

Se você quiser ler mais sobre o cache do navegador e como aproveitá-lo, confira nosso artigo detalhado aqui: Como aproveitar o cache do navegador no WordPress com ou sem um plug-in [5 maneiras]

 

Use a mesma imagem várias vezes

Outra maneira de usar o cache do navegador para reduzir a largura de banda da imagem é usar as mesmas imagens várias vezes em todo o site.

Por exemplo, ao usar logotipos ou itens de menu de uma página, certifique-se de chamar as mesmas imagens em todo o site, para que os usuários não precisem baixá-los várias vezes, mas uma vez, e os navegadores podem exibir as imagens do navegador cache.

Ao usar um plano de fundo texturizado, certifique-se de usar imagens menores repetidamente em vez de usar uma única imagem grande. Isso também pode ajudar a reduzir o tempo de carregamento.

Por padrão, quando você carrega imagens usando o carregador de mídia no painel do WordPress, ela vai para a pasta, depende de quando você carrega. Isso significa que todas as imagens que estão sendo carregadas em um mês estarão localizadas em um único diretório.

Por exemplo, se você carregar uma imagem em janeiro de 2021, ela estará localizada neste diretório: wp-content / uploads / 2021/01.

Vejamos os benefícios de fazer upload por meio do carregador de mídia e, em seguida, diremos o que você deve considerar quando não estiver carregando no seu carregador de mídia para acelerar seu site.

Media uploader torna o carregamento da imagem mais rápido: O carregamento será mais rápido se as imagens forem armazenadas na mesma pasta durante a navegação em uma página da web. Quando as imagens são chamadas repetidamente, o navegador pode recuperá-las facilmente do cache do navegador se elas estiverem em uma única pasta.

Muitas vezes, no entanto, os blogueiros do WordPress não usam o uploader de mídia padrão, especialmente ao trabalhar em uma página de destino personalizada. Para facilitar, eles carregam as imagens em um diretório separado.

Nesses casos, certifique-se de fazer upload de todas as imagens dessa página em um único diretório, em vez de fazer upload para vários diretórios. Essa tática pode melhorar o tempo de carregamento, pois o armazenamento em cache do arquivo será mais fácil durante as visitas repetidas.

Use CSS em vez de imagens

Você sabia que pode melhorar o tempo de carregamento não usando nenhuma imagem?

Por exemplo, é totalmente possível gerar certas formas usando CSS simples em vez de imagens como retângulos arredondados, gradientes, sombras projetadas e imagens transparentes. Dito isso, certifique-se de ficar de olho na verificação de compatibilidade do navegador sempre que substituir qualquer imagem por CSS, pois nem todos os navegadores são capazes de suportar essas técnicas.

Sobre o autor
Shahzad Saeed
Autor: Shahzad SaeedSite: http://shahzadsaeed.com/
Shahzaad Saaed foi destaque em um grande número de sites de autoridade, como um especialista em WordPress. Ele é especialista em marketing de conteúdo para ajudar as empresas a aumentar o tráfego.

Mais uma coisa... Você sabia que as pessoas que compartilham coisas úteis como esta postagem também parecem FANTÁSTICAS? ;-)
. deixe um útil comente com suas ideias, depois compartilhe com seu (s) grupo (s) do Facebook, que considerariam isso útil e vamos colher os benefícios juntos. Obrigado por compartilhar e ser legal!

Divulgação: Esta página pode conter links para sites externos de produtos que amamos e recomendamos de todo o coração. Se você comprar produtos que sugerimos, podemos receber uma taxa de referência. Essas taxas não influenciam nossas recomendações e não aceitamos pagamentos por análises positivas.

Autor (es) em destaque em:  Logotipo da revista Inc   Logotipo do Sitepoint   Logotipo do CSS Tricks    logotipo do webdesignerdepot   Logotipo WPMU DEV   e muitos mais ...