Top 11 temas WooCommerce mais rápidos em 2022

Procurando os temas WooCommerce mais rápidos?

Para lojas WooCommerce, a velocidade é fundamental, pois os tempos de carregamento da página afetam diretamente as taxas de conversão (o que determina sua receita). Embora o seu tema WooCommerce não seja a única coisa que afeta os tempos de carregamento da sua loja, ele desempenhará um papel importante.

Por esse motivo, você deseja escolher um tema WooCommerce que prepare sua loja para o sucesso no departamento de velocidade.

Para ajudá-lo a fazer isso, executamos nossos próprios testes de desempenho práticos com algumas das opções mais populares para fornecer uma visão baseada em evidências dos temas mais rápidos do WooCommerce.

Começaremos com uma explicação detalhada de como testamos os temas para que você saiba de onde vêm os dados. Em seguida, compartilharemos os resultados de cada tema, bem como informações sobre os principais recursos e preços do tema.

Como testamos os temas mais rápidos do WooCommerce

Aqui estão todos os detalhes essenciais do nosso ambiente de teste:

site de teste

Em primeiro lugar, nosso site de teste está hospedado em um servidor DigitalOcean barato, que na verdade oferece um desempenho bastante sólido, apesar do preço. Ele é executado em uma pilha totalmente Nginx (alimentada por RunCloud).

Para criar um site de teste realista, configuramos nosso site com o seguinte:

  1. WooCommerce
  2. Dados fictícios padrão do WooCommerce, que importam vários produtos, incluindo imagens e todos os detalhes relevantes do produto.

Não fizemos nenhuma otimização de desempenho, como armazenamento em cache ou otimização de código. No mundo real, você pode obter melhores tempos de carregamento usando plugins de cache e outros plugins de otimização de velocidade, bem como seguindo nosso guia para acelerar o WordPress.

Também não alteramos nenhuma opção de personalização do tema, apenas usamos as configurações padrão. Essa é a maneira mais “justa” de comparar temas, embora seu site possa ser um pouco mais pesado se você importar um site de demonstração ou usar alguns recursos do WooCommerce.

Para garantir que estamos coletando dados de desempenho significativos, testamos a mesma página do produto com cada tema (em vez da página inicial).

Uma única página de produto se parece com isso (o tema de exemplo é Showcase):

Exemplo de página de teste

ferramenta de teste

Para coletar os dados de teste em si, usamos WebPageTest . Existem algumas razões pelas quais gostamos do WebPageTest:

  1. Ele exibe uma variedade de métricas, incluindo tempo até o primeiro byte (TTFB), Core Web Vitals (incluindo pintura com o maior conteúdo), tempo de carregamento, solicitações HTTP e tamanho da página.
  2. Podemos configurá-lo para executar nove testes separados e obter o valor mediano, o que elimina a variabilidade de um único teste e nos dá resultados mais precisos.
  3. Podemos configurá-lo para executar testes de desktop e móveis e escolher várias velocidades de conexão.

Queremos que esses dados sejam o mais úteis possível, então configuramos os testes para imitar cenários do mundo real e executamos dois testes diferentes:

  1. Desktop – Teste a partir de um dispositivo desktop e usando uma conexão FIOS acelerada – RTT 20/5 Mbps 4ms.
  2. Móvel – Teste a partir de um telefone iPhone 7+ e usando uma conexão acelerada “3G Fast” – 1,6 Mbps / 768 Kbps 150 ms RTT. O WebPageTest nos permite usar um dispositivo iPhone 7+ real, em vez de simular um celular como outras ferramentas.

Como estamos diminuindo a velocidade da conexão, você verá resultados “mais lentos” do que com uma ferramenta como o Pingdom (que usa uma conexão super-rápida sem limitações). No entanto, essas velocidades serão mais precisas do que os visitantes humanos reais experimentarão, porque a maioria deles não estará navegando em conexões de Internet ultrarrápidas.

Os tempos de desktop também serão mais rápidos do que os tempos de celular. Isso acontecerá por vários motivos:

  • A conexão móvel é mais lenta porque estamos acelerando para 3G. No mundo real, seus visitantes móveis podem experimentar tempos de carregamento melhores se usarem 4G ou conectarem o telefone ao WIFI.
  • O dispositivo móvel não é tão poderoso quanto o dispositivo desktop, o que significa que levará mais tempo para processar o JavaScript. Lembre-se: estamos usando um iPhone 7+ mais antigo, não o modelo top de linha mais recente.

Apresentaremos os resultados do teste em uma tabela, mas também vincularemos imagens dos resultados completos do teste se você quiser ver cada métrica. Estas são as métricas que apresentaremos:

  • Time To First Byte (TTFB) – Quanto tempo leva para o site responder com o primeiro byte de dados.
  • Maior Pintura de Conteúdo (LCP) – O tempo que leva para que o conteúdo principal fique visível. Seu objetivo é capturar a experiência do usuário como parte do desempenho, que é o que mais importa para a maioria dos humanos. Também faz parte da nova iniciativa Core Web Vitals do Google e será usado como um fator de classificação pelo Google em sua atualização de experiência de página de maio de 2021.
  • Full Load Time – WebPageTest define isso como “o ponto após onLoad onde a atividade de rede parou por 2 segundos”.
  • Solicitações HTTP – quantas solicitações HTTP o site faz; menos é melhor.
  • Tamanho da página – O tamanho do arquivo de toda a página – quanto menor, melhor.

Observe que o WebPageTest não forneceu valores de LCP para os testes móveis que executamos.

Com toda essa introdução fora do caminho, vamos aos temas mais rápidos do WooCommerce! Eles são classificados pelo tempo de carregamento total do celular, pois acreditamos que o desempenho do celular é muito importante para as lojas de comércio eletrônico.

No final deste post, também coletaremos todos os dados, então continue lendo até o final para saber mais.

1.Sydney

sydney

Sydney é o nosso próprio tema multiuso leve que também vem com integração profunda com WooCommerce.

Com o Sydney 1.75, fizemos várias melhorias de desempenho para ajudá-lo a ganhar seu lugar nesta lista dos temas mais rápidos do WooCommerce.

Sydney não tem dependências de jQuery e é codificado seguindo as melhores práticas para ajudar sua loja a carregar rapidamente.

Além do desempenho, ele também vem com compatibilidade e recursos completos do WooCommerce, juntamente com alguns dos principais sites de demonstração para lojas WooCommerce.

características principais

  • Três sites de demonstração do WooCommerce (junto com muitas demos que não são do WooCommerce)
  • Estilo personalizável para preços de produtos, emblemas de vendas, títulos de produtos e muito mais
  • minicarro voador
  • Check-out sem distrações
  • Suporte de cabeçalho de vídeo
  • Integrações profundas do Elementor, incluindo blocos Elementor personalizados
  • Sem dependências jQuery
  • Marcação de esquema integrada para melhorar o SEO

informações de desempenho

 primeiro bytePCLCompletamente carregadoSolicitações HTTPtamanho da página
Escrivaninha0,087 segundos0,913 segundos0,814 segundos32432 KB
Móvel1.032 segundos3.233 segundos30248 KB
  • resultados da área de trabalho
  • Resultados para celular

Preços

Sydney tem uma versão gratuita, mas você deseja que a versão premium acesse todos os recursos e sites de demonstração do WooCommerce. Custa US $ 69 para usar em sites ilimitados.

2.Kadence

cadência

Kadence é um tema WordPress mais recente que cresceu rapidamente em popularidade. É um tema multiuso flexível que também oferece integração profunda com o WooCommerce.

Em geral, tem havido muito interesse nas opções de personalização profunda disponíveis no WordPress Customizer nativo.

características principais

  • Opções de personalização detalhadas no WordPress Customizer
  • Construtor de cabeçalho e rodapé de arrastar e soltar
  • Carrinho lateral de abertura automática quando um usuário adiciona um produto ao carrinho
  • Ajax adicionar ao carrinho
  • Adicione facilmente microcópias e crachás de confiança em locais importantes
  • Dois sites de demonstração importantes para lojas WooCommerce

informações de desempenho

 primeiro bytePCLCompletamente carregadoSolicitações HTTPtamanho da página
Escrivaninha0,139 segundos1.206 segundos1.004 segundos36224 KB
Móvel1.407 segundos3.610 segundos33218 KB
  • resultados da área de trabalho
  • Resultados para celular

Preços

O tema principal do Kadence está disponível gratuitamente no WordPress.org. O tema gratuito inclui suporte básico ao WooCommerce, mas você desejará a versão Pro se levar a sério sua loja.

A versão Pro oferece acesso a todos os plugins, incluindo o plugin WooCommerce, por US$ 79 por um ano de suporte e atualizações. Ou você pode comprar o Kadence Suite por US $ 219, que inclui outros plugins WooCommerce do desenvolvedor.

3. Neve

Neve

Neve é ​​um tema leve e multiuso da ThemeIsle.

O tema principal gratuito fornece uma base leve e compatibilidade geral com WooCommerce, enquanto a versão premium inclui vários recursos específicos do WooCommerce com seu módulo WooCommerce Builder.

características principais

  • Construtor de cabeçalho e rodapé de arrastar e soltar
  • Opções detalhadas do WooCommerce no Customizer com o WooCommerce Builder Plugin
  • Ative/desative os metadados do produto marcando uma caixa
  • Zoom da imagem do produto
  • Página de checkout sem distrações, incluindo opções para ocultar determinados campos, por exemplo, o campo de cupom se você não oferecer cupons
  • Visualização rápida do produto
  • Recurso de lista de desejos

informações de desempenho

 primeiro bytePCLCompletamente carregadoSolicitações HTTPtamanho da página
Escrivaninha0,116 segundos1.000s0,787 segundos33225 KB
Móvel1.574 segundos3.780 segundos30217 KB
  • resultados da área de trabalho
  • Resultados para celular

Preços

O tema principal do Neve está disponível gratuitamente no WordPress.org. Para acessar o módulo WooCommerce Booster e outros recursos premium, a versão Pro custa US$ 99 (há um plano mais barato, mas não inclui o módulo WooCommerce Booster).

4.Astra

áster

Astra é um dos temas mais populares por aí, com a distinção de ser o primeiro tema não padrão a passar um milhão de instalações ativas no WordPress.org.

É um tema multiuso que você pode usar para qualquer tipo de site. Além disso, inclui suporte profundo para WooCommerce na versão premium, juntamente com muitos recursos úteis.

características principais

  • Toneladas dos principais sites de demonstração do WooCommerce
  • Muitas personalizações de estilo e layout no WordPress Customizer
  • Barra lateral fora da tela para filtros e widgets de produtos
  • Visualização rápida do produto
  • produto de deslocamento infinito
  • carrinho suspenso
  • Opções flexíveis de galeria de produtos
  • Check-out sem distrações
  • Opções de classificação do catálogo de produtos, por exemplo, classificar por popularidade (vendas) ou classificação média

informações de desempenho

 primeiro bytePCLCompletamente carregadoSolicitações HTTPtamanho da página
Escrivaninha0,332 segundos1.151s0,916 segundos32221 KB
Móvel1.860 segundos3.908s29213 KB
  • resultados da área de trabalho
  • Resultados para celular

Preços

O tema principal do Astra está disponível gratuitamente no WordPress.org. O tema gratuito inclui suporte básico ao WooCommerce, mas você precisará do plugin premium para acessar a maioria dos recursos específicos do WooCommerce e opções de personalização.

O Astra Pro custa US$ 59 para uso em sites ilimitados.

5. Woostificar

Woostify

Woostify é um tema WordPress 100% focado no WooCommerce. Pessoalmente, penso neste tema como “Astra, se o Astra fosse apenas para lojas WooCommerce”.

Por ser apenas WooCommerce, o desenvolvedor pode colocar todos os seus esforços na criação de sites de demonstração do WooCommerce e adicionar recursos do WooCommerce.

características principais

  • Sites de demonstração WooCommerce pré-construídos para diferentes nichos – Os sites de demonstração usam o Elementor para conteúdo de demonstração, permitindo fácil personalização
  • Integração embutida com plugins de lista de desejos populares (YITH Wishlists e TI Wishlist)
  • Muitas configurações de personalizador para WooCommerce
  • Vários designs de carrinho
  • Suporte para galeria de produtos de vídeo
  • Temporizadores de contagem regressiva de vendas para adicionar urgência
  • Notificações de vendas/visualização
  • carrinho deslizante

informações de desempenho

 primeiro bytePCLCompletamente carregadoSolicitações HTTPtamanho da página
Escrivaninha0,180s0,852 segundos0,891 segundosQuatro cinco275 KB
Móvel1.292 segundos4.069 segundos44296 KB
  • resultados da área de trabalho
  • Resultados para celular

Preços

O tema principal do Woostify está disponível gratuitamente no WordPress.org. Inclui recursos básicos e alguns sites de demonstração.

Para desbloquear todos os sites de demonstração e adicionar mais recursos, você pode comprar o Woostify Pro a partir de US$ 49 para usar em um único site.

6. Vitrine

tema de vitrine

Storefront é o tema WooCommerce gratuito “oficial” que foi baixado mais de cinco milhões de vezes.

Como é desenvolvido e mantido pela equipe principal do WooCommerce, é codificado com as melhores práticas em mente e se integra profundamente a muitas extensões oficiais do WooCommerce.

características principais

  • Ele vem diretamente da equipe WooCommerce
  • Construído especificamente para WooCommerce
  • Personalize sua loja com o personalizador nativo do WordPress
  • Muitos temas filhos do Storefront permitem que você altere o layout e adapte sua loja a nichos específicos.

informações de desempenho

 primeiro bytePCLCompletamente carregadoSolicitações HTTPtamanho da página
Escrivaninha0,109s1.266 segundos1.085 segundos44369 KB
Móvel1.375 segundos4.192 segundos41365 KB
  • resultados da área de trabalho
  • Resultados para celular

Preços

O tema principal do Storefront é gratuito.

A equipe do WooCommerce oferece vários temas e extensões filhos gratuitos e pagos.

Primeiro, o pacote Storefront Extensions adiciona uma série de novos recursos e opções de personalização ao Storefront por US $ 69.

Quanto aos temas filhos do Storefront, você encontrará opções gratuitas e pagas. Os temas infantis premium custam US $ 39 cada.

7. Gerar Imprensa

Gerar Imprensa

GeneratePress é um tema multiuso leve e popular com boa reputação de desempenho e limpeza de código.

Embora você possa usá-lo para criar qualquer tipo de site WordPress, você também obtém muitos recursos específicos do WooCommerce, especialmente se você atualizar para o GeneratePress Premium (o plugin pago).

características principais

  • Código limpo e leve
  • Plugin WooCommerce dedicado na versão premium – Oferece opções especiais de layout e estilo para WooCommerce
  • Ícone do carrinho de compras no menu: mostra os itens ou o valor do carrinho
  • Carrinho de Painel Fixo – Exibe uma barra de notificação fixa quando os compradores adicionam um item aos seus carrinhos e/ou quando eles rolam para baixo.
  • Habilite/desabilite facilmente a exibição de metadados do produto com o tique-taque de uma caixa
  • Check-out sem distrações

informações de desempenho

 primeiro bytePCLCompletamente carregadoSolicitações HTTPtamanho da página
Escrivaninha0,122 segundos1.018 segundos0,788 segundos32201 KB
Móvel1.852 segundos4.216 segundos29194 KB
  • resultados da área de trabalho
  • Resultados para celular

Preços

O tema principal do GeneratePress está disponível gratuitamente no WordPress.org. O tema gratuito inclui compatibilidade básica com WooCommerce, mas você precisará do plug-in premium para desbloquear a maioria dos recursos e opções de personalização específicos do WooCommerce.

O GeneratePress Premium custa US$ 59 por um ano de suporte e atualizações ou US$ 249 por suporte vitalício e atualizações.

8. Loja de orquídeas

loja de orquídeas

Assim como o Woostify, o Orchid Store foi projetado especificamente para o WooCommerce; não é um tema multiuso como muitas outras opções.

Oferece sites de demonstração que são um pouco “mais ocupados” do que os outros temas. Isso não é uma crítica, apenas algo que notei enquanto navegava em sua demo.

características principais

  • Construído especificamente para WooCommerce
  • Três sites de demonstração de comércio eletrônico importáveis
  • Ajax adicionar ao carrinho
  • Suporte de lista de desejos embutido
  • Trocador de moeda (pro)
  • Widget de ofertas de produtos (pro)

informações de desempenho

 primeiro bytePCLCompletamente carregadoSolicitações HTTPtamanho da página
Escrivaninha0,102 segundos1,183s0,949 segundos37397
Móvel0,359 segundos4.259 segundos3. 4391
  • resultados da área de trabalho
  • Resultados para celular

Preços

A Orchid Store tem uma versão gratuita no WordPress.org, bem como um plugin premium que adiciona recursos extras ao tema principal e custa US$ 49 para usar em um único site.

9. Shoptimizer

Shoptimizer

Ao contrário de muitos dos outros temas desta lista, que são temas multiuso com integrações detalhadas do WooCommerce, o Shoptimizer é um tema WordPress 100% dedicado ao WooCommerce.

Essa abordagem exclusiva permite que você incorpore alguns recursos específicos do WooCommerce mais avançados do que os outros temas oferecem.

Um dos resultados mais notáveis ​​é um conjunto de recursos focados em conversão, como cronômetros de contagem regressiva de vendas e alertas de status de estoque, crachás de confiança em locais importantes, espaço adicional de microcópia para explicar as políticas de remessa e devolução e muito mais.

Ele também inclui alguns recursos integrados para aprimorar a experiência de compra, como pesquisa Ajax integrada com resultados instantâneos.

características principais

  • 100% dedicado ao WooCommerce
  • Minificação de código integrada para melhor desempenho
  • Recursos integrados de otimização de conversão, como crachás de confiança, microcópia, etc.
  • Check-out sem distrações
  • Detalhes do produto adesivo na rolagem
  • FOMO de produto único para impulsionar a urgência, por exemplo, cronômetros de contagem regressiva de vendas ou “apenas X itens restantes em estoque”
  • Uma função “solicitar um retorno de chamada”, útil para produtos de alto valor.
  • Pesquisa de produtos Ajax para resultados de pesquisa instantâneos
  • Use o Elementor para conteúdo de demonstração para facilitar a personalização

informações de desempenho

 primeiro bytePCLCompletamente carregadoSolicitações HTTPtamanho da página
Escrivaninha0,088 segundos1.067 segundos0,821 segundos37249 KB
Móvel1.831 segundos4.360 segundos3. 4243
  • resultados da área de trabalho
  • Resultados para celular

Preços

Shoptimizer vem apenas em uma versão premium. Seu preço de tabela é de US $ 99, mas há um desconto essencialmente permanente de US $ 39, então você deve poder comprá-lo por US $ 39.

10.OceanoWP

OceanWP

OceanWP é outro tema multiuso conhecido por suas opções de flexibilidade e personalização.

Não é tão leve quanto alguns desses outros temas, mas fornece muitos recursos específicos do WooCommerce, o que pode fazer com que a ligeira compensação de desempenho valha a pena.

características principais

  • Muitos dos principais sites de demonstração para lojas de comércio eletrônico
  • Ícone de carrinho de compras flexível
  • Visualização rápida do produto
  • Check-out sem distrações
  • Check-out em várias etapas com barra de progresso
  • Carrinho deslizante para desktop e celular
  • Filtros de produtos fora da tela
  • Adicionar flutuante à barra de carrinho na rolagem

informações de desempenho

 primeiro bytePCLCompletamente carregadoSolicitações HTTPtamanho da página
Escrivaninha0,101s1.217 segundos0,995 segundoscinquenta405 KB
Móvel1.632 segundos5.218 segundos47405 KB
  • resultados da área de trabalho
  • Resultados para celular

Preços

A versão principal do OceanWP está disponível gratuitamente no WordPress.org, mas as lojas WooCommerce vão querer que a versão premium desbloqueie todos os recursos e sites de demonstração.

A versão premium começa em $ 39 para uso em um único site.

11. Dividir

dividir

Divi é um dos temas premium mais populares do WordPress, graças em grande parte ao seu construtor de arrastar e soltar incluído (Divi Builder).

Se você está apenas procurando velocidade, o Divi está um passo atrás desses outros temas. Mas se velocidade e flexibilidade são o que você procura e você planeja usar um construtor de páginas de qualquer maneira, o Divi não está tão atrasado quanto pode parecer à primeira vista.

Lembre-se, o Divi já inclui o construtor visual de arrastar e soltar “peso”, enquanto outros temas não. Então, se você fosse, digamos, adicionar Elementor ou Brizy a outro desses temas, eles estariam muito mais próximos do Divi quando você adicionasse o peso desses construtores. Claro, se você não planeja usar um construtor visual, o Divi não faz muito sentido.

características principais

  • Construtor de arrastar e soltar integrado (Divi Builder)
  • O Divi Builder suporta a criação de páginas inteiras e a criação de temas, incluindo o design de seus modelos de loja WooCommerce usando o construtor de arrastar e soltar
  • Módulos dedicados do WooCommerce no Page Builder
  • Grande mercado de terceiros, incluindo plugins focados em WooCommerce de desenvolvedores de terceiros

informações de desempenho

 primeiro bytePCLCompletamente carregadoSolicitações HTTPtamanho da página
Escrivaninha0,391 segundos1.622 segundos1.389 segundos42601 KB
Móvel2.725 segundos6,933s39576 KB
  • resultados da área de trabalho
  • Resultados para celular

Preços

O Divi está disponível apenas como parte da associação Elegant Themes, que permite acessar todos os produtos Elegant Themes e usá-los em sites pessoais e de clientes ilimitados por um único preço. Você pode pagar US$ 89 para uma associação de um ano ou US$ 249 para uma associação vitalícia.

Qual é o tema WooCommerce mais rápido?

Mostramos muitos dados para tópicos individuais. Agora, vamos juntar tudo para que você possa ver como esses tópicos se comparam.

Eu chegarei a isso de diferentes maneiras. Primeiro, vamos falar sobre os temas gerais mais rápidos para celular e desktop:

  • Mobile – Sydney ficou em primeiro lugar em tempo integral.
  • Desktop – Neve ficou em primeiro lugar em tempo de carregamento total e Woostify foi o primeiro em Paint com maior conteúdo.

(Lembre-se de que o WebPageTest não forneceu tempos de LCP em dispositivos móveis.)

Claro que as diferenças entre o primeiro e o segundo lugar são bem pequenas (ou mesmo entre o primeiro e o sétimo lugar). Então, para ver como todos os temas se comparam, montei alguns gráficos:

Celular (ordenado pelo tempo de carregamento completo):

Resultados para dispositivos móveis classificados por tempo de carregamento total

Mesa (pedido pelo LCP):

Resultados da área de trabalho classificados por LCP

Solicitações HTTP e tamanho da página (ordenados por solicitações HTTP):

Solicitações HTTP e tamanho da página classificados por solicitações HTTP(O primeiro lugar aqui foi compartilhado entre GeneratePress, Sydney e Astra – todos eles têm 32 solicitações HTTP para desktop.)

Além disso, se você quiser ver um despejo bruto de todos os dados, confira a planilha completa aqui.

Conclusões gerais

São muitos dados! Se nos resumirmos a algumas conclusões ao analisar o desempenho do desktop e do celular, os melhores resultados parecem ser:

  • Sydney – Foi o primeiro em resultados mobile e o segundo em LCP para desktop.
  • Neve – Foi #1 em desktop e #3 em mobile.
  • Woostify – Foi o primeiro em LCP para desktop, mas o quinto em tempo de carregamento total para desktop e celular.
  • GeneratePress – Tinha o menor tamanho de página em desktop e mobile. Também foi o segundo em tempos de carregamento de desktop.

Como já mencionei, as diferenças entre os temas não são tão grandes assim . Por exemplo, o Astra estava apenas um décimo de segundo atrás de Neve em termos de tempo de carregamento total da área de trabalho, então não estamos falando de grandes diferenças entre o ranking nº 1 e o ranking nº 6.

Portanto, se você adora um dos outros temas, ainda pode criar um site de carregamento muito rápido, mesmo usando um tema diferente.

Você tem alguma dúvida sobre os temas mais rápidos do WooCommerce ou como testamos esses temas? Pergunte-nos na seção de comentários!