Melhore a velocidade de carregamento do seu site com o EWWW Image Optimizer

Há alguns dias, tive uma experiência desagradável. Eu estava ansioso para ler um artigo bem vendido no Twitter, então cliquei no link que me redirecionava para o site relevante.

E então esperei 3 segundos. 4 segundos. 5 segundos. Na tela: nada. Após 3 toques compulsivos de F5 para atualizar a página: ainda nada. Então eu saí do site, um pouco mal-humorado. Momento de leitura: se foi, esqueça.

Existem várias razões pelas quais uma página da Web pode demorar para carregar. Muitas vezes, isso se deve a imagens muito grandes.

O plugin EWWW Image Optimizer está aqui para ajudá-lo a reduzir seu peso .

Graças a isso, você poderá melhorar a velocidade de carregamento das páginas do seu site WordPress e evitar que seus visitantes (eu, por exemplo) se sintam frustrados ao tentar ler sua prosa.

No final deste artigo, você saberá exatamente como configurar este plugin para usá-lo imediatamente como um campeão.

Originalmente escrito em outubro de 2019, este artigo foi atualizado pela última vez em abril de 2022.

O que é o Otimizador de Imagem EWWW?

O EWWW Image Optimizer é um plugin freemium que comprime e otimiza o peso de suas imagens para melhorar a velocidade de carregamento das páginas do seu site. Você pode decidir a configuração de compactação, otimizar suas imagens em massa e redimensioná-las. O plugin pode ser usado sem nenhum conhecimento técnico e sem a necessidade de codificação.

Instalado em mais de 900 mil instalações ativas, o EWWW Image Optimizer é um dos plugins mais populares no diretório oficial para otimizar suas imagens , junto com Smush (mais de 1 milhão de instalações ativas) e Imagify (mais de 600 mil instalações ativas).

No geral, é muito popular entre os usuários, que atribuem uma excelente classificação de 4,7/5 estrelas no momento da redação.

Quais são os principais recursos da versão gratuita do EWWW Image Optimizer?

Em sua versão gratuita, o EWWW Image Optimizer permite:

• Comprima e otimize o peso de suas imagens sem qualquer limitação de tamanho . Na verdade, para ser mais preciso, o limite é fixado em… 150 MB. Mas também posso dizer-lhe que isso não é provável que aconteça.
• Comprima suas imagens em seu próprio servidor . Você não precisa registrar ou solicitar uma chave de API.
• Processe todos os principais formatos de imagem : JPG, PNG, GIF, PDF e WebP.
• Otimize todas as imagens que já estão no seu site de uma só vez, graças a uma otimização em massa.
• Otimize os arquivos na Biblioteca de mídia , mas também os de outras pastas (por exemplo, as imagens do seu tema).
• Armazene suas imagens gratuitamente por 30 dias .

Por que usar um plugin de compressão de imagem?

Pouco antes de passarmos a configurar o plugin e descobrir suas opções, vamos responder a uma pergunta central: por que usar um plugin para compactar suas imagens?

Existem várias boas razões para isso:

1. As imagens podem representar até metade do peso de uma página da web . Ao otimizar seu peso, você garante que suas páginas sejam carregadas mais rapidamente.
2. Você oferece uma melhor experiência de usuário aos seus visitantes . Um site muito lento para carregar é frustrante para o usuário que provavelmente irá para outro lugar se não encontrar rapidamente o que está procurando.
3. Você cuida do seu SEO . A velocidade de carregamento é um critério levado em consideração pelo algoritmo do Google para posicionar uma página, mesmo que isso tenha pouco peso em relação a fatores importantes como backlinks ou a relevância do seu conteúdo.
4. Um site que carrega rapidamente, com imagens otimizadas, ajuda a limitar a taxa de rejeição .

Seus melhores projetos WordPress precisam do melhor host!

O WPMarmite recomenda Bluehost: ótimo desempenho, ótimo suporte. Tudo o que você precisa para um ótimo começo.

Experimente o Bluehost

Claro, existem softwares de edição para compactar suas imagens. Estou pensando no Adobe Photoshop e seu recurso “Salvar para a Web”, por exemplo. Ou até mesmo ferramentas online como TinyPNG, Jpeg.io ou Compressor.io.

No entanto, eles têm três limitações principais em comparação com um plugin:

1. Essas ferramentas nem sempre são gratuitas e você pode não se sentir confortável com a forma como elas funcionam.
2. O grau de compressão pode não ser tão eficaz quanto com um plugin WordPress dedicado .
3. Usar um software de terceiros “força” você a ir e voltar entre sua interface e seu site WordPress . Com um plugin, você tem todas as opções diretamente no painel do seu site, o que economiza muito tempo.

Agora, depois deste aperitivo, vamos ao prato principal. Vamos descobrir em detalhes como configurar o EWWW Image Optimizer.

Como configurar o EWWW Image Optimizer: tutorial

Como otimizar o peso de suas imagens?

Na sua interface de administração do WordPress, comece instalando e ativando o EWWW Image Optimizer através do menu plugins > Add Plugins :

Feita esta operação, acesse o menu de configuração do plugin, na barra lateral à esquerda, clicando em Configurações > EWWW Image Optimizer .

Como você verá, apenas duas etapas são necessárias para que o plugin comece a funcionar.

Etapa 1: selecione seus objetivos

O plugin primeiro pede que você selecione seus objetivos:

• Marque a(s) caixa(s) correspondente(s) se quiser acelerar seu site e/ou economizar espaço de armazenamento. Para os propósitos deste tutorial, seleciono ambas as opções.
• Decida se você quer mudar para o pacote Pro do plugin ou não.

Clique no botão azul “Next” quando terminar.

Etapa 2: confirme suas configurações

Na próxima tela, o plug-in solicita que você valide as configurações recomendadas para o seu site.

• Remova os metadados . O plug-in especifica que isso “removerá todos os metadados: EXIF, comentários, perfis de cores e qualquer coisa que não seja dados de pixel” .
• Ativar preguiçoso Carregue suas imagens. Isso significa que eles só serão carregados quando aparecerem na tela do seu visitante, na rolagem.
• Conversão WebP . WebP é um formato de imagem matricial proposto pelo Google. Comprime imagens ainda mais do que JPG ou PNG, sem perda de qualidade. Para sua informação, o WordPress suporta nativamente esse formato desde sua versão 5.8. O plug-in avisa sobre um ponto importante: a conversão para o formato WebP aumentará suas necessidades de armazenamento.
  Recomenda o uso do Easy IO, um CDN ( Content Delivery Network ) oferecido pelo EWWW Image Optimizer apenas em sua versão Pro.
• Redimensione a largura e a altura de suas imagens já carregadas.
• Acesse a documentação e o suporte do seu painel do WordPress.

Para começar, você pode usar as configurações padrão. Você poderá alterá-los posteriormente a qualquer momento. Clique em “Salvar configurações” para continuar:

E é isso, está tudo pronto. O EWWW Image Optimizer agora está configurado e pronto para funcionar!

O plugin diz que novos uploads serão otimizados automaticamente. Então sente-se e relaxe: o plugin fará tudo por você.

O que o painel do EWWW Image Optimizer oferece?

Quando todas as suas configurações estiverem definidas, o EWWW Image Optimizer o redirecionará para seu painel, que pode ser dividido em duas partes.

Na parte superior da página, uma inserção mostra:

• A pontuação de otimização de suas imagens (40% no meu caso). Recomendações também são propostas para melhorar essa pontuação.
• A economia de compressão local (248,39 KO). Se você for à sua Biblioteca de mídia, terá uma visão geral da otimização de cada arquivo. Por exemplo, a imagem de um gato foi reduzida em 7,7%, uma perda de 56,8 KB.

O resto da página oferece 3 abas:

• Basic permite que você faça ajustes de sua escolha como, por exemplo, carregamento atrasado, redimensionamento de suas imagens ou conversão WebP.
• O suporte oferece opções para depurar ou reparar seu site. Você encontrará, por exemplo, um link para a documentação e outro para contatar diretamente o suporte, mesmo na versão gratuita (!).
• O Contribute oferece a possibilidade de contribuir para a melhoria do plugin, por exemplo, permitindo o rastreamento de seu uso ou traduzindo-o.

Então, isso é tudo? Bem, não, o EWWW Image Optimizer também oferece outra opção útil. Descubra-o na próxima parte.

Como otimizar imagens em massa com o EWWW Image Optimizer?

A otimização em massa consiste em otimizar o peso das suas imagens de uma só vez, a partir da mesma página.

Para tirar proveito disso, vá para Mídia > Otimização em massa . Clique no botão “Analisar imagens não otimizadas” e o plugin detectará as imagens que merecem ser processadas.

FYI, EWWW Image Optimizer irá escanear as imagens em sua Biblioteca de Mídia, mas também aquelas em seu tema, e “avatares BuddyPress, imagens BuddyPress Activity Plus, slides Meta Slider, avatares WP Symposium Pro, anexos GD bbPress, galerias Grand Media e qualquer outra pasta especificada pelo usuário” .

Deixe o plugin rodar em segundo plano e em alguns segundos está pronto.

Agora você sabe como o EWWW Image Optimizer funciona. A versão gratuita parece limitada? O plugin tem uma oferta premium que é descrita na próxima seção.

Quanto custa o EWWW Image Optimizer?

O EWWW Image Optimizer é baseado em um modelo freemium. Por um lado, você pode aproveitar o plugin gratuito, que pode ser ativado no painel do WordPress.

Atende à necessidade básica (reduzir o peso de suas imagens) e é suficiente para começar.

Para ir mais longe, Shane Bishop, o desenvolvedor americano do plugin, oferece um pacote premium composto por 3 plugins:

1. Easy Image Optimizer: este é o CDN usado no plugin gratuito para compactar automaticamente suas imagens.
   Além disso, também reduz seus arquivos CSS e JavaScript para reduzir o peso de suas páginas.
2. Compress API : graças a isso, a otimização de suas imagens será ainda mais avançada (mais redução de peso). Você também pode armazenar suas imagens em servidores EWWW por 30 dias.
3. Desempenho suíça . Este plugin é uma caixa de ferramentas que oferece cache de suas páginas, otimização de suas fontes do Google ou minificação de seus arquivos CSS e JavaScript.

No total, são oferecidas 3 licenças, por preços que variam de US$ 7/mês para uso em 1 site, a US$ 25/mês para uso ilimitado .

Quanto mais cara a licença, mais opções e largura de banda você obtém. Cada licença oferece uma avaliação gratuita de 7 dias e você terá dois meses grátis se pagar por um ano adiantado.

Observe que você também pode comprar cada plug-in individualmente com as seguintes taxas: a partir de US$ 5/mês para o Easy Image Optimizer, US$ 3/mês para 1.500 créditos de imagem para Compress API e a partir de US$ 30/ano para SWIS Performance.

Junte-se aos assinantes do WPMarmite

Obtenha os últimos posts do WPMarmite (e também recursos exclusivos).

INSCREVA-SE AGORA

Que outros plugins estão disponíveis para otimizar suas imagens?

Desde o início deste artigo, mencionei o EWWW Image Optimizer. Por mais eficiente que seja, não é o único no mercado.

Também mencionei Imagify e Smush, mas existem outras alternativas, como:

• ShortPixel
• Optimole
• reSmush.it
• Robin otimizador de imagem
• WP Comprimir
• TinyPNG (essa ferramenta que mencionei anteriormente também oferece este plugin)

Não conheço todos detalhadamente, mas aconselho a seguir estas dicas na hora de escolher um plugin para otimizar suas imagens:

• Verifique o tamanho máximo dos arquivos a serem otimizados e as limitações impostas.
• Dê uma olhada nas opções oferecidas para encontrar um plugin que realmente atenda às suas necessidades. Uma opção de otimização em massa, por exemplo, costuma ser bem-vinda.
• Preste atenção à interface : na medida do possível, deve ser fácil de usar.
• Verifique os tipos de arquivos suportados para compactar suas imagens. Pelo menos os seguintes formatos clássicos devem ser incluídos: JPEG, PNG, GIF, PDF, WebP e até SVG.
• Descubra quais formatos de compressão são usados ​​pelo plugin em questão. Os formatos de plug-in mais comuns são com perdas e sem perdas. Com compressão com perdas, a imagem perde alguma qualidade, mas a redução no tamanho da imagem é maior do que com compressão sem perdas.

Agora, sem nenhuma transição, vamos fazer uma avaliação após este teste do plugin EWWW Image Optimizer.

Nossa opinião final sobre o EWWW Image Optimizer

As vantagens do plug-in

• O plugin é muito fácil de configurar e usar. Após algumas configurações básicas, tudo acontece automaticamente.
• A ausência de limitação de tamanho (ou quase) para otimizar as imagens.
• Suporte por e-mail gratuito para todos os usuários.
• A opção de otimização em massa para suas imagens, muito prática para evitar proceder uma a uma… e economizar muito tempo.
• A possibilidade de ativar o carregamento atrasado de suas imagens mesmo com a versão gratuita.

As desvantagens do plug-in

• O EWWW usa muita memória , pois é executado em seu próprio servidor. Se você tiver muitas imagens para otimizar e uma oferta de hospedagem com baixo desempenho, pode ficar travado.
• A interface não é a mais atrativa do mercado , principalmente se você comparar com o que o Imagify oferece, por exemplo.
• A falta de clareza nas ofertas premium . O EWWW Image Optimizer, em primeiro lugar, promove suas licenças agrupadas (incluindo os 3 plugins), mas você também pode obter cada licença individualmente. Exceto que para isso, você tem que abrir os olhos.

Para quem o EWWW Image Optimizer foi projetado?

O EWWW Image Optimizer é adequado para quem simplesmente deseja otimizar o peso de suas imagens.

Sua facilidade de uso o torna uma escolha natural para pessoas que são novas no WordPress .

Também é adequado para pessoas que desejam testá-lo sem correr nenhum risco financeiro. Sua versão gratuita já é interessante para prosseguir com otimizações.

Baixe o Otimizador de Imagem EWWW:

Pessoalmente, achei o plugin eficiente e prático, mas não é o mais eficiente para reduzir o peso de suas fotos (pelo menos em sua versão gratuita).

O Imagify, apresentado no blog WPMarmite, conseguiu, por exemplo, um ganho de compressão de até 85% (em comparação com um máximo de menos de 30% com o EWWW Image Optimizer neste teste).

Por outro lado, sua cota gratuita é limitada a 20 MB por mês, o que é uma desvantagem real em relação ao EWWW Image Optimizer.

Por fim, se você deseja otimizar o tempo de carregamento do seu site WordPress, opte pelo plugin premium WP Rocket (link afiliado). Este plugin de cache muito fácil de usar – literalmente funciona assim que você o ativa – também permite otimizar seus arquivos, seu banco de dados e até sua mídia.

O que você acha do EWWW Image Optimizer? Já está ativo no seu site? Dê-nos a sua opinião deixando um comentário.