Hoje em dia não é segredo que o tempo de carregamento do seu website influência diretamente nos resultados de pesquisas do Google. Um dos maiores problemas que podemos encontrar é o carregamento de imagem em posts e páginas do WordPress.

Imagens podem ser excelente para chamar a atenção do seu público, mas também podem ser um pesadelo para os usuários que precisam baixar cada imagem relacionada a página que está visitando.

Otimizar Imagens WordPress WP Smush

Se você deseja otimizar seu site WordPress na esperança de acelerar o tempo de carregamento de sua página, diminuir o tamanho de suas imagens pode realmente ajudar. Imagens grandes podem criar apelo visual real, mas, a menos que sejam otimizadas, podem resultar em página lentas no seu website.

Smush Compactação e Otimização de Imagens é um plugin para WordPress projetado para facilitar a compressão de imagens. Ele funciona em segundo plano, otimizando imagens novas e existentes enviadas para sua biblioteca de mídia, compactando os tamanhos dos arquivos e mantendo a qualidade da imagem.

Instalação do WP Smush

Para instalar o plugin WP Smush, vá em Plugins > Adicionar Novo. Na barra de pesquisa digite “WP Smush” (sem aspas), então instale e ative o plugin.

Você também pode baixar o plugin diretamente no repositório do WordPress:

Baixar | Hospedagem

Configurando o WP Smush

Agora que temos o plugin instalado e ativado podemos iniciar a configuração para otimizar as imagens.

Em seu painel WordPress vá no menu Smush:

Configuração rápida

Como queremos utilizar as opções avançadas do plugin vamos pular a configuração rápida:

Configurações Avançadas

Antes de iniciarmos o processo de Compactação em Massa precisamos definir as nossas preferências de configurações.

Compactar Automático

Aqui nós podemos escolher os formatos (tamanhos) de imagem que queremos que o WP Smush também otimize.

É possível que você tenha outra opções de formato de imagem além das que exibimos acima. Já que isso vai depender do tema que você está usando, cabe a você decidir se esse formato vale a pena para ser otimizado. Na maioria das vezes você vai querer otimizar todos os formatos.

Deixe essa opção ativada para otimizar todas imagens que você subir (fizer upload) em seus posts, páginas e biblioteca de mídia.

*Essa opção não vai otimizar as imagens existentes, veremos isso mais na frente.

Metadata

Toda imagem contém informações (metadata) como foco, data, tempo e localização em seu arquivo de imagem. Normalmente nós vamos querer remover essas informações para poder diminuir o tamanho das imagens e otimizarmos o carregamento das páginas e posts. Então deixe essa opção ativada.

Mas se você trabalha com fotografia, eventos ou qualquer área relacionada que precisa das informações contidas na imagem, você vai querer deixar essa opção desativada.

Redimensionamento de imagem

Detecta imagens grandes em suas páginas para reduzir seu tamanho e diminuir o tempo de carregamento.

Redimensionar Tamanho Total das Imagens

Se você trabalha com imagens com dimensões extremamente grandes ou gostaria de manter um padrão na dimensão das imagens quando você subir elas em seu servidor, essa ferramenta vai te ajudar a fazer exatamente isso.

Ela vai detectar automaticamente qual é a maior dimensão que o seu tema usa (veja a linha sublinhada na imagem), normalmente você vai querer definir esse tamanho. Se você deseja usar retina é importante colocar a dimensão em dobro, assim como o plugin fez na opção de dimensão que destacamos acima.

Detectar Imagens de Tamanho Incorreto

Essa ferramenta irá detectar imagens que são maiores do que o container onde ela está sendo usada. Se você estiver usando uma imagem em um widget e ela tiver um tamanho de 800×600 e estiver sendo usada em uma widget de tamanho 250×250 o plugin irá destacar essa imagen em seu site para que você veja e possa otimizá-la para o tamanho exato.

Apenas o administrador do site pode ver esse destaque:

Agora clique em “Atualizar Configurações“.

Compactação em Massa

Agora que realizamos as configurações de acordo com nossas necessidades estamos pronto para iniciar o processo de otimização:

Aqui podemos visualizar a quantidade de imagens que precisamos otimizar em nosso site.

Clique em “Compactar em Massa Agora“.

Aguarde o processo de otimização e não feche essa aba do navegador até que o processo tenha finalizado.

É importante notar que no nosso exemplo nós tínhamos apenas 21 imagens que precisavam de otimização. Se você tiver mais que 50 imagens o processo vai exigir que você pressione o botão novamente, isso vale para cada 50 imagens otimizadas se você não estiver usando o WP Smush PRO.

Isso é feito para que os usuários gratuitos não esgotem os recursos do servidor que otimiza as imagens.

Se o processo ocorrer sem problemas você deve ver a seguinte mensagem:

Diretório SMUSH

Se você utiliza outra pasta para guardar imagens e quer otimizá-las também o plugin te dá a opção de otimizar qualquer imagem dentro dessas pastas.

Clique no botão “Choose Directory” e selecione as pastas que deseja adicionar a otimização:

Com as pastas que deseja ter as imagens otimizadas selecionada clique no botão SMUSH.

Biblioteca de Mídia

Você também pode verificar as imagens que estão otimizadas (ou não) na sua biblioteca de mídia, dá uma olhada:

Conclusão

Agora, todas as vezes que uma nova imagem for adicionada ao seu site, você verá o quanto o plugin WP Smush conseguiu reduzir o peso de tal arquivo. O WP Smush funciona de forma excelente se combinado com nossa Configuração do WP Super Cache, caso você queira otimizar ainda mais o seu website.

Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixa seu comentário abaixo para podermos saber a sua opinião.