10 temas WooCommerce mais rápidos em 2022 (com base em nossos testes aprofundados)

Uma loja que gera US$ 30.000 por mês pode estar perdendo US$ 25.000 por ano em receita devido a um atraso de apenas um segundo. Para uma loja mais lenta que isso, a perda seria ainda maior.

Um dos principais componentes de uma loja WooCommerce rápida é o seu tema. Escolher o tema errado pode desacelerar sua loja e prejudicar seus negócios, reduzindo as conversões, impactando negativamente a experiência do usuário e prejudicando as classificações dos mecanismos de pesquisa.

Portanto, para ajudá-lo a garantir que seu tema não impeça que seu site seja carregado o mais rápido possível, comparamos o desempenho de 10 dos temas WooCommerce mais rápidos disponíveis em 2022.

Alguns deles foram projetados explicitamente para lojas WooCommerce, enquanto outros são opções de uso geral que possuem bons modelos e recursos de comércio eletrônico. A maioria desses temas afirma ser o mais rápido disponível, enquanto outros foram incluídos por serem opções muito populares.

Resumo dos Resultados

Você pode ver os resultados completos dos testes e descobrir exatamente como os testes foram executados mais adiante neste artigo; no entanto, aqui está um breve resumo explicando quais temas foram os mais rápidos.

Para os testes, usamos Google PageSpeed ​​Insights (PSI) e Pingdom. Antes de executar os testes, e após a ativação de cada tema, o site foi atualizado para preparar o cache interno de cada tema. Tanto o PSI quanto o Pingdom fornecem uma nota de desempenho geral, pontuada em 100, bem como informações mais detalhadas sobre o desempenho de um site.

O PSI também mede o desempenho dos temas em computadores e dispositivos móveis. Com o Pingdom, foi apenas a experiência de desktop que foi avaliada. A página do produto único e a página inicial da loja em cada site foram testadas.

Com base na nota média de desempenho do PSI das duas páginas (produto único e homepage da loja), os temas com melhor desempenho, de acordo com o PSI, foram:

• Melhor nota de desempenho PSI móvel: Shoptimizer (grau médio 93,5).
• Melhor nota de desempenho PSI de desktop: Botiga (nota média 92,5).
• Melhor nota geral de desempenho PSI para desktop e dispositivos móveis: Shoptimizer (grau médio 86,25).

Como você verá neste artigo, há mais nos resultados do teste do que apenas as notas de desempenho; no entanto, eles fornecem uma boa visão geral de quão rápido um tema é.

Atraso da primeira entrada e tempo total de bloqueio

Uma métrica útil a ser observada nos resultados é o Tempo Total de Bloqueio (TBT). O TBT fornece uma boa indicação de quanto tempo leva para uma página se tornar interativa, por exemplo, ações podem ser executadas quando um usuário clica em um botão ou outro elemento interativo da página. Isso desempenha um papel no First Input Delay (FID) e na rapidez com que os usuários percebem uma página.

O FID mede o tempo desde quando um usuário interage pela primeira vez com uma página até o momento em que o navegador é realmente capaz de começar a processar a resposta a essa interação. Embora o FID não possa ser medido em testes de laboratório, o tempo de bloqueio de uma página, que é medido pelo PSI, correlaciona-se bem com o FID.

Segundo o Google, se o tempo de bloqueio de uma tarefa for superior a 50 ms, “é provável que o usuário perceba o atraso e perceba a página como lenta ou instável”. O TBT de uma página é a soma do tempo de bloqueio para cada tarefa longa que ocorre entre a primeira dor de conteúdo (FCP) e o tempo de interação (TTI).

Qualquer coisa que você possa fazer para melhorar o TBT também deve melhorar o FID, o que, por sua vez, aumenta a rapidez com que os usuários experimentam uma página.

Quase todos os temas testados tiveram boas pontuações de TBT para desktop, mas apenas GeneratePress, OceanWP e Storefront se saíram muito bem nos testes de TBT para dispositivos móveis.

Observando todos os resultados, e não apenas o TBT, o Shoptimizer foi o melhor no geral, embora sua nota média de desempenho móvel PSI (79) tenha sido um pouco menor do que alguns outros temas. Devido a isso, você pode estar mais interessado no tema GeneratePress, pois obteve uma boa pontuação em dispositivos móveis e desktop (82,5 e 88,5, respectivamente) ao calcular a média das pontuações da página única e da página inicial da loja.

À medida que as vendas mundiais de comércio eletrônico no varejo móvel continuam a crescer, saltando de US$ 2,9 bilhões em 2020 para US$ 3,5 bilhões em 2021, de acordo com a Statista, é vital que você escolha um tema que seja rápido para usuários de desktop e dispositivos móveis. Com base nisso, o GeneratePress é a melhor opção pronta para uso, de acordo com os testes do PSI.

O Pingdom, que mediu o tamanho da página, o tempo de carregamento e o número de solicitações, além de fornecer uma nota de desempenho, descobriu que o Astra tem as páginas de produto e loja mais rápidas, embora Botiga e GeneratePress tenham notas médias de desempenho ligeiramente mais altas.

Qual é o tema WooCommerce mais rápido em 2022?

Como os temas foram testados em uma variedade de critérios do Pingdom e PSI, não é fácil escolher um vencedor claro sobre qual é o tema WooCommerce mais rápido em 2022.

No entanto, os temas que tiveram o melhor desempenho em todos os testes foram Boitga, GeneratePress e Shoptimizer.

Você pode ver os detalhes completos dos resultados do teste abaixo para ajudá-lo a encontrar o tema mais rápido para sua loja.

Os temas mais rápidos do WooCommerce

Aqui estão os detalhes dos temas mais rápidos para WooCommerce, listados em ordem alfabética.

Astra

O Astra está disponível em versões gratuitas e pagas e é um tema WordPress totalmente personalizável.

Existem muitos modelos bem projetados para escolher ao configurar sua loja. Ser capaz de editar os modelos do Astra com o Beaver Builder, Brizy, Elementor e o WordPress Block Editor oferece muita liberdade criativa.

As versões gratuita e paga do Astra possuem recursos úteis para o WooCommerce para aprimorar sua loja, embora você obtenha muito mais com a versão paga.

Características principais

• Todo o tema pode ser editado, incluindo o cabeçalho e o rodapé.
• Muitos modelos de comércio eletrônico totalmente editáveis.
• Capacidade de criar cabeçalhos separados somente para dispositivos móveis para UX aprimorado.

Resultados do teste Astra

Astra tem algumas das notas de desempenho Pingdom mais altas. O PSI deu ao Astra uma classificação muito positiva para usuários de desktop, mas abaixo da média para desempenho móvel. No geral, é um tema WooCommerce rápido, mas há opções mais rápidas nesta coleção.

Botiga

O Botiga é outro WooCommerce que está disponível nas versões gratuita e paga.

Entre os recursos do WooCommerce, você encontrará vários estilos de lista de produtos, uma seleção de designs de galeria de produtos e dois layouts de carrinho diferentes. Você também pode usar filtros e recomendações de produtos para promover seu inventário. Os recursos premium incluem listas de desejos, um botão de adicionar ao carrinho e layouts adicionais de cabeçalho e rodapé.

Características principais

• Duas demonstrações de loja de comércio eletrônico.
• Design limpo e minimalista altamente personalizável.
• Conjunto de cabeçalhos otimizados para dispositivos móveis.

Resultados do Teste Botiga

Botiga foi um dos temas mais rápidos testados para este artigo. As pontuações de PSI de desktop foram muito boas, embora houvesse alguns outros temas com pontuações de PSI móveis mais altas.

Divi

Divi é o tema principal do WordPress da Elegant Themes. Ele vem com um grande número de pacotes de sites atraentes e modelos individuais, incluindo muitas opções de comércio eletrônico.

O Divi também vem com sua própria ferramenta poderosa de criação de páginas integrada ao tema. O Divi Builder oferece controle total sobre o design do seu site e é um forte rival dos melhores plugins do WordPress desse tipo.

Como o Divi possui um recurso de teste A/B fácil de usar, você pode realizar experimentos para otimizar sua loja para taxas de conversão mais altas.

Características principais

• Grande biblioteca de demonstrações de lojas online totalmente editáveis.
• Construtor de páginas integrado com edição completa do site.
• Módulos de conteúdo personalizáveis.

Resultados do teste Divi

O Divi tem alguns dos maiores tamanhos de página, perdendo apenas para o OceanWP, e isso pareceu ter um impacto negativo em algumas de suas pontuações. Enquanto a PSI considerou o desempenho do desktop bom, o desempenho móvel estava entre os piores.

Gerar Imprensa

Disponível em versões gratuitas e pagas, o GeneratePress afirma ser o tema WordPress mais rápido disponível. Pagar pela versão premium dá acesso a mais modelos e acesso a canais de suporte premium.

Para ajudá-lo a lançar sua loja, o GeneratePress vem com vários modelos de comércio eletrônico. Como esse tema possui editor próprio, você pode personalizar todos os aspectos do seu site por meio de uma interface visual.

Características principais

• Várias demonstrações de sites de lojas de comércio eletrônico.
• Ferramenta de criação de temas baseada em blocos.
• Opções de cabeçalho somente para dispositivos móveis.

Resultados do teste GeneratePress

GeneratePress foi o tema WooCommerce com melhor desempenho testado em geral, graças às suas altas pontuações nas notas de desempenho PSI para dispositivos móveis e desktops. Também se saiu bem nos testes Pingdom.

Kadence

Kadence é outro tema gratuito que pode ser aprimorado com a instalação de complementos premium.

O Kadence também vem com uma grande biblioteca de demonstrações de sites gratuitas e pagas, incluindo vários designs de comércio eletrônico. Os usuários do WooCommerce podem comprar o kit de loja Kadence para adicionar mais recursos de comércio eletrônico à sua loja, incluindo zoom da imagem do produto, avisos de carrinho, análises avançadas e muito mais.

Características principais

• Seleção de modelos de cabeçalho e rodapé totalmente editáveis.
• As configurações globais facilitam a personalização de sua loja e mantêm uma aparência consistente por toda parte.
• Compatível com Beaver Builder e Elementor.

Resultados do teste Kadence

O Kadence se saiu bem nos testes do Pingdom, com uma nota de desempenho muito boa para a página inicial da loja. No entanto, as pontuações de desempenho móvel em PSI não foram tão boas quanto algumas da concorrência.

Neve

O Neve vem em algumas variações diferentes, incluindo o pacote Business premium que inclui muitos recursos extras do WooCommerce.

Há também uma versão gratuita limitada, para que você possa experimentá-la antes de comprar. No entanto, pagar mais pela licença Business ou Agency dá acesso a mais layouts de loja, um recurso de lista de desejos, vários estilos de checkout e muito mais.

Neve também tem um design mobile-first que deve tornar sua loja WooCommerce muito fácil de navegar em dispositivos de tela menor. A compatibilidade com os principais plugins de construtor de páginas do WordPress significa que você pode editar seu site com a ferramenta de sua escolha ou simplesmente usar o editor de blocos padrão do WordPress.

Características principais

• Muitos recursos para lojas WooCommerce.
• Funciona com os principais construtores de páginas de terceiros.
• Mais de 100 sites iniciais editáveis, incluindo muitas opções de comércio eletrônico.

Resultados do Teste Neve

Neve foi um dos temas mais rápidos testados. No entanto, ele ficou um pouco atrás em alguns dos testes móveis do PSI, em comparação com os temas mais rápidos nesta comparação.

OceanWP

OceanWP é um tema multiuso com muitas demonstrações de lojas de comércio eletrônico disponíveis na versão paga. A versão gratuita vem com algumas demonstrações de comércio eletrônico, mas a atualização para a versão paga desbloqueia mais demonstrações e recursos adicionais.

Dependendo de qual demonstração você escolher, você poderá editar todo o seu site, incluindo o cabeçalho e o rodapé, usando o plug-in do construtor de páginas Elementor. A versão paga do OceanWP inclui uma seleção de módulos Elementor personalizados que oferecem mais liberdade criativa.

Características principais

• Grande número de demonstrações de sites prontos, incluindo muitos designs de comércio eletrônico.
• Módulos personalizados para Elementor.
• Três estilos de menu móvel para UX móvel aprimorado.

Resultados do teste OceanWP

O OceanWP teve os maiores tamanhos de página e a maioria das solicitações de acordo com o Pingdom e, devido a isso, teve alguns dos tempos de carregamento mais lentos. As pontuações móveis do PSI também foram algumas das piores. O desempenho da área de trabalho em PSI foi bom, no entanto.

Shoptimizer

Shoptimizer é um tema focado no WooCommerce que foi construído com velocidade e conversões em mente.

Para ajudar a acelerar sua loja, o Shoptimizer minificou e o CSS crítico foi ativado imediatamente. Recursos focados em conversão que podem gerar mais vendas em sua loja incluem uma experiência de checkout sem distrações, a capacidade de exibir informações de remessa e devoluções na página do produto e selos de confiança para tranquilizar seus clientes.

Características principais

• Contador de estoque e temporizadores de contagem regressiva para gerar vendas.
• Notificações de vendas deslizantes para aumentar a prova social.
• Design mobile-first para UX de smartphone aprimorado.

Resultados do teste do Shoptimizer

O Shoptimizer teve a melhor nota média de desempenho de desktop PSI, bem como uma alta nota de desempenho móvel. Os resultados do Pingdom também foram impressionantes.

Vitrine

Storefront é o tema oficial do WooCommerce e é gratuito.

A versão gratuita do Storefront tem o suficiente para começar e fazer alguns ajustes em seu design. No entanto, se você realmente deseja criar uma loja personalizada, precisará comprar o Pacote de Extensões da Vitrine ou algumas das extensões individuais.

Características principais

• Design minimalista para um UX organizado.
• Biblioteca de temas filhos para transformar rapidamente a aparência da sua loja.
• Construído e mantido pela equipe responsável pelo WooCommerce.

Resultados de teste de vitrine

O Storefront tem uma pontuação média de desempenho de desktop muito boa em PSI, mas foi prejudicada por uma pontuação móvel relativamente baixa. Os resultados do Pingdom foram bons, mas não os melhores.

Woostify

Woostify é outro tema gratuito do WooCommerce que pode ser aprimorado com complementos pagos.

A versão principal do Woostify foi projetada para ser o mais leve possível, com o objetivo de melhorar os tempos de carregamento. Como recursos extras podem ser adicionados por meio de extensões, você pode evitar sobrecarregar desnecessariamente seu site instalando apenas os complementos necessários. Todos os complementos e sites iniciais estão disponíveis por um preço em vez de por complemento.

Características principais

• Sites iniciais gratuitos e pagos que podem ser editados com o Elementor.
• Complementos pagos que incluem recursos do WooCommerce e mais opções de personalização.
• Várias páginas de produtos, layout de listagem e modelos de cabeçalho.

Resultados do teste Woostify

Woostify teve algumas das piores pontuações nesta comparação, especialmente quando se trata de desempenho móvel.

Sobre os testes

Para os testes, uma nova instalação foi criada em um site WordPress hospedado pelo SiteGround. O WooCommerce foi instalado no site e os dados da loja de amostra para o plug-in foram importados.

O desempenho da página única do produto e da página inicial da loja foi testado no Pingdom e no Google PageSpeed ​​Insights. O mesmo local de teste, que era o local mais próximo de onde o site estava hospedado, foi escolhido no Pingdom.

Para cada teste, um tema diferente foi ativado e usado em seu estado padrão. Nenhuma das demos do tema foi importada e nenhum plugin adicional foi instalado. Como nenhuma ferramenta de desempenho foi usada, você pode obter resultados ainda melhores habilitando o cache, usando uma CDN, otimizando imagens e implantando minificação. Uma ferramenta que pode ajudá-lo a fazer tudo isso é o NitroPack.

Principais Vitais da Web

Core Web Vitals (CWV) é uma coleção de testes que o Google usa para dar a uma página uma pontuação geral de desempenho. As páginas podem ser pontuadas como boas, precisam ser melhoradas e ruins. Para que uma página passe no teste CWV e obtenha uma boa classificação, a pontuação de desempenho deve estar na faixa de 90 a 100.

A pontuação do CWV é baseada nos resultados dos testes de maior exibição de conteúdo (LCP), atraso na primeira entrada (FID) e deslocamento de layout cumulativo (CLS). Para passar no teste CWV, uma página precisará ter uma boa pontuação em todos os três componentes.

De um modo geral, esses testes analisam não apenas a velocidade de uma página, mas também o quão responsiva e visualmente estável ela é.

Fonte: https://web.dev/vitals-business-impact/

Neste artigo, você pode encontrar as pontuações do LCP e do CLS para os temas testados. Como mencionado, o FID não está disponível através do teste de laboratório PSI, mas o TBT está intimamente relacionado ao FID.

Uma boa pontuação de CWV pode ajudar a proporcionar uma experiência positiva ao usuário e também contribuir para melhorar as classificações dos mecanismos de pesquisa.

Como você pode ver nos resultados acima, nos testes de desktop, três dos temas obtiveram uma nota de desempenho de 90 ou superior para a página de um único produto e oito dos temas pontuaram acima de 90 no teste da página inicial da loja. Nenhum dos temas alcançou uma nota de desempenho de 90 ou superior para os testes móveis. No entanto, GeneratePress, Kadence e Shoptimizer chegaram mais perto de marcar 90.

Resumo

Como você pode ver, sua escolha de tema afeta a velocidade da sua loja, especialmente quando se trata da experiência móvel.

A maioria desses temas teve bom desempenho, com boas notas de desempenho e outras pontuações. No entanto, houve alguns que se destacaram da concorrência, com Botiga, GeneratePress, Neve e Shoptimizer com desempenho particularmente bom.

Divi, OceanWP e Woostify pareciam ter mais dificuldades, principalmente quando se tratava dos resultados móveis do PSI.

Como abordamos anteriormente, as compras on-line para dispositivos móveis continuam crescendo em popularidade, por isso é importante escolher um tema que carregue rapidamente para esse público.

Independentemente de qual tema você escolher, certifique-se de otimizar seu site em vez de apenas usar as configurações padrão do WordPress, seu host e seu tema. Ferramentas como o NitroPack, que é compatível com todos os temas acima, podem melhorar rapidamente o desempenho do seu site de várias maneiras, incluindo a rapidez com que ele carrega em dispositivos móveis.