Índice
A maioria de nós sabe que o desempenho do site é crucial para obter uma boa classificação nos motores de busca.
Isso é de conhecimento comum, mas muitos proprietários de sites ainda carregam imagens enormes que fazem com que o site carregue lentamente.
Existem vários plugins de otimizador de imagens do WordPress que resolvem esse problema e reduzem automaticamente suas imagens para um tamanho pequeno o suficiente para não afetar o desempenho do site, sem perder muita qualidade e resolução.
Neste artigo, vamos examinar alguns dos melhores plugins de otimizador de imagens para WordPress para ajudar seu site a acelerar e obter uma melhor classificação.
Tabela de Comparação
Como eu testei o plugin?
Eu não apenas revisei as tabelas de recursos nas páginas de preços de cada produto—uma abordagem comum, mas insuficiente, que observei em muitos artigos.
Em vez disso, testei manualmente cada plugin instalando-os e usando cada um para otimizar uma única página no meu site, incluindo a otimização de dez imagens grandes.
Na minha análise, tentei oferecer uma perspectiva holística, focando não apenas na eficácia da compressão, mas também na facilidade de uso, impacto na velocidade do site e acessibilidade dos planos.
Tabela completa de comparação de recursos
Para ajudá-lo a comparar rapidamente os principais recursos e métricas de desempenho de cada plugin, incluí uma tabela de comparação detalhada abaixo. Esta visão geral lhe dará uma ideia do que cada plugin oferece, facilitando a decisão de qual pode ser o mais adequado para suas necessidades.
O que são plugins de otimização de imagens?
Plugins de otimização de imagens ajudam os proprietários de sites a melhorar o desempenho e a velocidade de carregamento do site, comprimindo imagens de forma eficiente.
Esses plugins desempenham um papel crítico na melhoria dos tempos de carregamento do site, classificações nos motores de busca e experiência do usuário através de carregamentos de página mais rápidos.
Eles oferecem recursos para comprimir automaticamente as imagens, otimizar os tamanhos dos arquivos sem perder qualidade e servir imagens em formatos de próxima geração.
Existem vários tipos de plugins de otimização de imagens para WordPress disponíveis para ajudar a melhorar a eficiência do site e o engajamento dos visitantes. Aqui estão alguns recursos comuns dos plugins de otimização de imagens do WordPress:
- Compressão automática de imagens
- Otimização em massa para imagens existentes
- Conversão para formatos de imagem de próxima geração
- Ferramentas de redimensionamento e corte de imagens
Implementar esses plugins pode garantir imagens otimizadas no site, levando a tempos de carregamento mais rápidos e melhor desempenho geral. Isso não apenas melhora a experiência do usuário, mas também contribui para classificações mais altas nos motores de busca e uma presença online mais eficaz.
Uma palavra sobre a compressão automática do WordPress
Você sabia que WordPress oferece recursos de otimização de imagens embutidos?
Mesmo sem nenhum plugin, o WordPress ainda reduzirá qualquer imagem grande que você carregar.
Isso pode levar você a se perguntar por que um plugin dedicado é mesmo necessário.
A razão é que a compressão oferecida pelo WordPress não é suficiente para garantir o nível necessário de desempenho do site.
Por exemplo, eu carreguei esta imagem do Unsplash que originalmente pesava 17,6MB, e o WordPress reduziu para 924KB. Um plugin de otimização de imagens adequado reduziria para cerca de 300KB, garantindo que o site carregue rapidamente tanto em dispositivos desktop quanto móveis. Além disso, plugins de otimização de imagens oferecem outros recursos importantes, como converter imagens para o formato WebP mais eficiente.
O teste
Comecei esta comparação com uma instalação nova do WordPress, carregando dez fotos que tirei no escritório para uma única página.
O original de cada foto pesa cerca de 2MB, e após o upload o WordPress reduziu esse número para algo entre 600-800KB.
Image Optimizer by Elementor
Como trabalho na Elementor, posso parecer tendencioso em relação ao nosso próprio produto. No entanto, como você verá, passei pelo mesmo processo de instalação e uso para todos os plugins que testei, e até encontrei algumas áreas de melhoria para o Image Optimizer.
Configuração inicial
Após instalar o plugin gratuito, encontrei um menu bastante útil que incluía todas as configurações de que eu precisava:
A configuração inicial envolve a conexão ao site do Elementor. Para novos usuários que ainda não se registraram, o processo é um pouco mais longo, mas ainda gerenciável em alguns minutos.
Ele otimizou bem?
As imagens que testei tiveram uma redução drástica de tamanho, de 693KB para 165KB. Usando o Google PageSpeed Insights, a pontuação móvel melhorou de 47 antes da otimização para 69 depois. Outras duas métricas importantes de SEO melhoraram. First Contentful Paint (FCP) foi de 2.7 para 1.8, e Largest Contentful Paint (LCP) foi de 25.7 para 5.6.
Levando em consideração que não fizemos nenhuma otimização além de clicar no botão de otimizar, esses são resultados muito impressionantes.
Interface do Usuário
O Image Optimizer tem um benefício de interface que nenhum outro plugin que testei ofereceu: a capacidade de trabalhar em segundo plano. Isso é especialmente importante para sites com muitas imagens. Para a maioria dos plugins, você precisa permanecer na tela de otimização durante todo o processo de otimização, e isso pode realmente desperdiçar seu tempo valioso. Com o Image Optimizer, você não precisa pausar seu fluxo para esperar que o plugin termine a otimização.
Após instalar o Image Optimizer, qualquer imagem que você enviar será automaticamente otimizada e convertida para WebP. Você também terá uma tela de Otimização em Massa que permite auto-otimizar todas as imagens pré-existentes do site.
O plugin conseguiu pegar cada uma das imagens e reduzi-las de uma média de 2MB para uma média de 179KB. Outra característica útil é o fato de que o Image Optimizer foi o único plugin que otimizou as imagens em segundo plano, permitindo que você navegue para longe da tela de otimização. Ele também se destaca como o único plugin que não adiciona outro painel de controle em Configurações, mantendo todas as suas telas em Mídia.
É uma solução econômica?
Quanto mais imagens você tiver no seu site, mais o preço se torna um fator crucial ao escolher os plugins de otimização.
Ao pesquisar para esta revisão, entrevistei um desenvolvedor que mudou seu site do TinyPNG para o Site Optimizer, e ele mencionou que administra um site com 60 mil imagens. Ao mudar para o Site Optimizer, ele conseguiu reduzir seus gastos de alguns milhares de dólares por mês para $199 por ano.
Empresa por trás
Como mencionei, o Image Optimizer é feito pela Elementor, o construtor de sites que também é o plugin número 1 no repositório do WordPress. A Elementor é uma empresa estabelecida, fundada em 2016, e agora tem mais de 350 funcionários.
Conclusão
O plugin Image Optimizer da Elementor se destaca por sua integração perfeita com o WordPress, oferecendo uma experiência amigável ao usuário que melhora significativamente a velocidade do site sem sacrificar a qualidade da imagem. Esta ferramenta de otimização não só se destaca na compressão de imagens para tamanhos ótimos, mas também introduz recursos inovadores como a otimização em segundo plano, estabelecendo um novo padrão de eficiência e eficácia.
TinyPNG
Configuração inicial
Após instalar o plugin, você precisará se registrar através do formulário na página de configurações. A configuração básica é bastante simples, mas lembre-se de que parte disso se deve ao fato de que o TinyPNG oferece o menor número de recursos em comparação com os outros plugins que testamos.
Ele otimizou bem?
O TinyPNG ficou no meio quando se tratou de otimização de imagens. Ele reduziu a imagem de 693K para 347K, e reduziu o tamanho total da página de 9.3MB para 8.3MB.
Interface do Usuário
Semelhante ao plugin anterior, o TinyPNG também oferece uma interface direta que otimiza imagens ao enviar ou em massa em segundo plano. No entanto, quando o testei em um site pequeno, a otimização não funcionou em segundo plano. Eu tive que permanecer na mesma janela para que a otimização continuasse.
Também não recebi nenhuma indicação sobre a diferença entre a imagem original e a nova imagem otimizada, tornando difícil decidir se a imagem foi suficientemente otimizada ou não.
Esta é uma solução econômica?
É aqui que o TinyPNG é especialmente problemático. Otimizar 1M compressões custará $24.780 por ano. Isso é uma soma enorme para o serviço fornecido de otimização das imagens do seu site.
Empresa por trás
Seguindo a página do Linkedin deles, encontrei duas pessoas da Holanda conectadas à Tinify, a empresa por trás do TinyPNG. Em contraste com os outros plugins que revisamos, o TinyPNG não parece estar tão bem conectado ao ecossistema do WordPress, faltando a profundidade de integração e engajamento comunitário vistos com seus concorrentes. Esse distanciamento pode contribuir para sua abordagem menos amigável ao usuário e as limitações em recursos e opções de personalização que oferece.
Conclusão
Com uma lista de recursos que carece de funcionalidades necessárias e um modelo de preços insatisfatório, o TinyPNG não chega realmente perto de sua concorrência.
EWWW Image optimizer
Configuração inicial
Tenho que mencionar que este plugin pode ter o pior nome de produto que já ouvi. Parece uma expressão de repulsa (ou seja, “EWWW, esta massa está horrível!”).
De qualquer forma, com um nome de marca assim, eu não esperava uma experiência de UX espetacular, mas fiquei agradavelmente surpreso. O EWWW Image Optimizer ofereceu um processo de configuração surpreendentemente simples e uma interface amigável. O painel do plugin era intuitivo, facilitando a navegação por várias configurações de otimização sem sobrecarregar os usuários com jargões técnicos.
A configuração inicial foi bastante simples. Além disso, ao contrário da maioria dos plugins, este não requer uma conexão API. Ele inclui essa conexão para a versão premium, mas não para a gratuita. Tenha em mente que isso também pode ter um lado negativo, pois pode sobrecarregar seu servidor, tornando seu site mais lento, o que é exatamente o oposto do objetivo do plugin.
Achei a exibição das imagens otimizadas bastante tediosa, pois mostrava todos os diferentes tamanhos de cada imagem.
Ele otimizou bem?
Após enviar 10 imagens, fiquei perplexo ao descobrir que quase nenhuma redução foi feita. Para todos os plugins que testei, mantive as configurações padrão, tendo em mente que não sou um especialista em imagens e não tenho tempo para mexer muito nas configurações de otimização.
Ao testar, fiquei desapontado ao descobrir que as configurações padrão do EWWW Image Optimizer apenas reduziram marginalmente o tamanho dos arquivos de imagem sem uma melhoria significativa na qualidade.
O tamanho original da página que incluía as 10 imagens era de 9.3MB. O EWWW só reduziu para 8.9, o que não é suficiente em termos de SEO.
A falta de support para formatos de próxima geração como WebP foi uma omissão notável, impactando a eficácia geral do plugin para desempenho de SEO.
Interface do Usuário
Depois de se inscrever para obter a chave API, fiquei um pouco confuso. Os recursos que o plugin oferecia mudaram, e havia uma alternância entre “Modo Fácil” e “Modo Absurdo”.
Quando tentei fazer login no site, apareceu um aviso estranho:
Então, eu não consegui fazer login para ver o cloud dashboard. Além disso, o site EWWW parecia usar um modelo padrão do WordPress. Esses aspectos sugeriram uma operação menos que satisfatória.
Além disso, quero mencionar que o modo Ludicrious faz jus ao seu nome. Há muitas telas lá, e as configurações eram muito confusas para mim.
Pelo que pude perceber, o plugin não oferece otimização automática para cada nova imagem carregada.
É uma solução econômica?
Infelizmente, eu não testei a API, já que é apenas premium. Portanto, não posso dar uma resposta precisa sobre a solução cloud, mas a otimização baseada em servidor definitivamente não é adequada para sites com um grande número de imagens.
EWWW é a solução mais barata, pois não tem um limite no número de imagens. Se você está procurando uma solução gratuita e tem um site pequeno com poucas imagens, pode ser uma boa opção para você.
Empresa por trás
De acordo com a About page deles, o plugin foi desenvolvido por duas pessoas de Montana em 2013. Embora a história deles seja inspiradora, isso explica grande parte da confusão na UX do produto.
Conclusão
Você conhece o ditado: “Não existe almoço grátis”?
Essa é a frase que eu usaria para descrever este plugin. Mesmo que você tenha um site pequeno, o incômodo de fazê-lo otimizar imagens em um nível suficiente não vale os $5 que você gastará a cada trimestre em um plugin que faz isso muito melhor.
Para aqueles que precisam de compressão agressiva e recursos avançados como support a formatos de próxima geração, explorar outras opções pode ser benéfico.
Embora o EWWW Image Optimizer ofereça a conveniência da otimização no servidor, é crucial que os proprietários de sites considerem o impacto potencial nos recursos do servidor. A otimização no servidor pode sobrecarregar seu hospedagem se não for gerenciada adequadamente, especialmente para sites com alto tráfego ou recursos de hospedagem limitados. Isso contrasta com soluções baseadas em cloud, onde o processo de otimização é transferido para servidores externos, reduzindo a carga na hospedagem do seu próprio site.
Imagify
Configuração inicial
Imagify exige que você se inscreva, depois copie e cole a chave da API. Isso é um pouco inconveniente, mas não é tão ruim.
A inscrição ocupa muito espaço no painel do WordPress, no entanto.
Eu realmente gostei do fato de que o Imagify dá uma indicação muito clara sobre o status das imagens otimizadas.
Ele otimizou bem?
Infelizmente, muitas das imagens que tentei otimizar não foram concluídas com sucesso por algum motivo. O Imagify conseguiu reduzir a imagem padrão que testamos de 693KB para 234KB.
Interface do Usuário
Eu realmente gostei da interface do Imagify, que era muito bem projetada e minimalista. Gostei especialmente da exibição visual de imagens otimizadas e não otimizadas.
Esta é uma solução econômica?
O plugin carecia de alguns recursos básicos necessários para sites com muitas imagens, como otimização de imagem em segundo plano, support a WebP e capacidades de remoção de EXIF.
O Imagify custa $60 por ano para 500MB de compressão, tornando-o bastante acessível.
Empresa por trás
O Imagify foi comprado pelo grupo europeu de hospedagem group.one. A empresa possui vários plugins, incluindo BackWPup, WP Rocket e Rank Math SEO.
Conclusão
O Imagify surge como um plugin de otimização de imagens simples, bem projetado e acessível, que equilibra efetivamente funcionalidade com experiência do usuário. Sua configuração simples e a indicação clara do status de otimização o tornam acessível para usuários de todos os níveis, garantindo uma integração perfeita nos fluxos de trabalho do WordPress.
Smush
Configuração inicial
O Smush apresentou um assistente de integração fácil de usar, o que representa o máximo de elogios que posso fazer para sua UX.
Este plugin é único em nossos testes por adicionar seu próprio item de menu. Honestamente, não acho que um plugin de otimização de imagens justifique um menu adicional.
Além disso, o plugin oferece um dos menus mais confusos que já vi. Só para você ter uma ideia, o painel do Smush tem 10 menus diferentes. Considerando que estamos falando de um plugin de otimização de imagens, esse número é surpreendente.
E não fica mais fácil dentro de cada menu. O primeiro, o painel, tem 12 seções diferentes dentro dele.
Tentar encontrar uma configuração específica dentro do painel era impossível.
Ele otimizou bem?
Receio dizer que aqui também, o Smush foi uma grande decepção. Quase não afetou o tamanho da imagem.
Interface do Usuário
A interface do Smush, caracterizada por um painel excessivamente complexo e navegação confusa, apresenta um desafio significativo para os usuários que buscam soluções simples de otimização de imagens. O plugin incorpora um sistema de menu elaborado dentro do painel do WordPress, levando a um layout desordenado que complica o processo de localizar recursos ou configurações específicas.
É uma solução econômica?
Dado que eu não fiquei satisfeito com o nível de redução do tamanho da imagem, não posso dizer que funcionaria bem em sites com muitas imagens.
O Smush é bastante econômico. A versão gratuita não limita o número de imagens, e a versão pro começa em $6 por mês.
Empresa por trás
O Smush foi criado pela WPMU DEV, uma empresa que está presente na comunidade WordPress há anos. Sua página no Linkedin inclui 138 pessoas, 29 delas são da Índia. A WPMU Dev faz parte da Inscrub, uma empresa dos EUA que também inclui Campuspress e edublogs.
Conclusão
Fiquei realmente insatisfeito com os resultados de otimização do Smush. Houve um impacto mínimo na redução do tamanho das imagens, que é o único trabalho que ele deveria fazer. A interface do Smush apresenta um painel excessivamente elaborado com inúmeros menus e configurações, tornando difícil para os usuários encontrar opções específicas e navegar pelo plugin de forma eficiente.
Embora o Smush ofereça uma versão gratuita, as capacidades limitadas de otimização levantam questões sobre seu valor, especialmente para sites com um grande número de imagens. A ampla gama de recursos e configurações pode potencialmente sobrecarregar os usuários, desviando do propósito principal de otimização de imagens.
ShortPixel
Configuração inicial
A instalação é rápida e simples. Você tem uma página principal de configurações em “Configurações”.
Você recebe 100 créditos na versão gratuita.
O ShortPixel funciona automaticamente sem muita configuração. Após instalar o plugin, a otimização real é feita no menu Bulk Optimization em Mídia.
Ele otimizou bem?
O ShortPixel tem um motor de otimização poderoso. Ele reduziu o tamanho total da página que usamos de 9,3MB para 6,1MB. A imagem padrão que testamos foi reduzida de 693KB para 175KB.
Interface do Usuário
A interface do ShortPixel é amigável, projetada para tornar a otimização de imagens simples e acessível para usuários de todos os níveis de habilidade. Você pode acessar o recurso de otimização em massa do ShortPixel no menu “Mídia”, permitindo otimizar todas as imagens do seu site de uma vez. As configurações são fáceis de navegar, com opções claras para selecionar o tipo de compressão (com perdas ou sem perdas) e habilitar a conversão automática de formato para WebP. Outra vantagem da interface do ShortPixel é o feedback claro sobre o processo de otimização, incluindo a quantidade de espaço economizado, facilitando ver o impacto de suas otimizações.
É uma solução econômica?
O ShortPixel tem apenas um plano premium, que custa $99 por ano. Isso o torna uma solução bastante acessível. Ele também oferece compras únicas de créditos, que podem atender às suas necessidades se você não fizer upload de imagens com muita frequência.
Empresa por trás
O site do ShortPixel menciona que ShortPixel é uma marca registrada da ID Scout SRL. Não consegui descobrir muito sobre a empresa. Eles estão localizados em Bucareste, Romênia, e a página do LinkedIn do ShortPixel lista 7 pessoas. O site também apresenta 19 produtos diferentes que a empresa oferece.
Conclusão
O ShortPixel é uma solução poderosa de otimização de imagens que conseguiu reduzir significativamente as imagens que otimizamos. Ele tem uma interface simples que não sobrecarrega você com configurações. Em termos de público, este plugin pode ser uma ótima opção tanto para iniciantes quanto para desenvolvedores que só querem que o trabalho seja feito.
Conclusão
Os plugins revisados aqui, desde ShortPixel e Image Optimizer by Elementor até as opções menos eficazes como TinyPNG e EWWW Image Optimizer, oferecem uma variedade de soluções adaptadas a diferentes necessidades e orçamentos. Seja você procurando personalização avançada, facilidade de uso ou custo-benefício, há um plugin que pode ajudar a simplificar seu processo de otimização de imagens.
Solução mais barata: EWWW Image optimizer – Há duas coisas que se destacam em relação ao EWWW Image Optimizer. Primeiro, é o único plugin com número ilimitado de otimizações de imagem na versão gratuita. Segundo, é o único onde a otimização é feita no lado do servidor. Quando eu tentei, achei que o plugin não otimizou minhas imagens suficientemente em termos de desempenho de SEO.
Vice-campeão: Imagify – O Imagify tinha uma interface muito amigável que incluía um assistente de integração para começar. Além disso, o Imagify tinha um amplo conjunto de recursos.
Os vencedores: ShortPixel & Image Optimizer by Elementor – Ambos os plugins se destacaram em termos de nível de otimização e facilidade de uso.
Nota final
Depois que terminei os testes, fiquei curioso para saber qual foi o impacto do Image Optimizer by Elementor no tempo de carregamento real de uma página, já que sei que este é um dos fatores cruciais de SEO.
Eu testei a página antes e depois de executar o plugin.
A diferença foi substancial.
Antes, eu tinha um tamanho de página de 2,5MB, com um tempo de carregamento de página de 3,75 segundos.
Depois de executar o plugin Image Optimizer, o tamanho da página caiu para 883KB, e o tempo de carregamento da página caiu para 2,09 segundos.
Esta foi uma melhoria substancial possibilitada apenas pela ativação das configurações padrão do plugin. Além disso, esta era uma página com apenas 10 imagens. Postagens de blog e páginas de destino geralmente incluem dezenas de imagens.
É claro que a otimização de imagens é um fator crucial para manter a velocidade do site e melhorar a experiência do usuário. Como profissionais da web, temos que garantir que não carreguem imagens desnecessariamente grandes. Implementar um plugin de otimização de imagens pode salvar você e seus clientes de dores de cabeça no futuro.
Procurando por conteúdo novo?
Receba artigos e insights em nossa newsletter semanal.
Ao inserir seu email, você concorda em receber e-mails da Elementor, incluindo e-mails de marketing,
e concorda com nossos Termos e Condições e Política de Privacidade.