12 temas WooCommerce mais rápidos de 2022

Procurando os temas mais rápidos do WooCommerce?

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 grande papel.

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 os detalhes completos do nosso ambiente de teste:

Site de teste

Primeiro, 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 está sendo 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. Os dados fictícios padrão do WooCommerce, que importam vários produtos, incluindo imagens e todos os detalhes relevantes do produto

Não fizemos otimizações 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, além de seguir nosso guia para acelerar o WordPress.

Também não alteramos nenhuma opção de personalização de 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 de produto com cada tema (em vez da página inicial).

A página de um único produto se parece com isso (o tema de exemplo é Storefront):

Ferramenta de teste

Para coletar os dados de teste em si, usamos o WebPageTest. Existem alguns motivos pelos quais gostamos do WebPageTest:

1. Ele mostra uma variedade de métricas, incluindo tempo até o primeiro byte (TTFB), Core Web Vitals (incluindo a maior pintura de 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 teste único e nos fornece 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 : testando a partir de um dispositivo desktop e usando uma conexão FIOS acelerada – 20/5 Mbps 4ms RTT.
2. Celular : testando a partir de um telefone iPhone 7+ e usando uma conexão “3G Fast” acelerada – 1,6 Mbps/768 Kbps 150 ms RTT. O WebPageTest nos permite usar um dispositivo iPhone 7+ real, em vez de simular um telefone celular como algumas outras ferramentas.

Como estamos limitando a velocidade da conexão, você verá resultados “mais lentos” do que veria com uma ferramenta como o Pingdom (que usa uma conexão super-rápida sem aceleração). No entanto, essas velocidades serão mais precisas para o que seus 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 que os tempos de celular. Isso acontecerá por alguns motivos:

• A conexão móvel é mais lenta porque estamos limitando para 3G. No mundo real, seus visitantes móveis podem experimentar tempos de carregamento melhores se estiverem usando 4G ou conectando 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 todas as métricas. Aqui estão as métricas que apresentaremos:

• Tempo até o primeiro 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 o conteúdo principal se tornar visível. Ele visa capturar a experiência do usuário como parte do desempenho, que é o que a maioria dos humanos se preocupa. Também faz parte da nova iniciativa Core Web Vitals do Google e o Google o usará como um fator de classificação em sua atualização de experiência de página de maio de 2021.
• Tempo totalmente carregado – 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 da página completa – 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 ordenados pelo tempo de carregamento completo do celular, pois achamos que o desempenho do celular é super importante para as lojas de comércio eletrônico.

No final deste post, também vamos juntar todos os dados, então continue lendo até o final para as conclusões.

1. Sidney

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 com WooCommerce, juntamente com alguns sites de demonstração importáveis ​​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
• Minicarrinho de embarque
• 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

• 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 do WooCommerce e sites de demonstração. Custa $ 69 para uso em sites ilimitados.

2. 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 recebido muita atenção pelas 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 aberto automaticamente quando um usuário adiciona um produto ao carrinho
• Ajax adicionar ao carrinho
• Adicione facilmente microcópias e crachás de confiança em pontos-chave
• Dois sites de demonstração importáveis ​​para lojas WooCommerce

Informações de desempenho

• 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 compatibilidade básica com WooCommerce, mas você desejará a versão Pro se levar a sério sua loja.

A versão Pro oferece acesso a todos os complementos, incluindo o complemento 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. Botiga

Botiga é o nosso novo tema WooCommerce gratuito que construímos desde o início para ser otimizado para desempenho.

Ele usa JavaScript vanilla sem dependências de jQuery ou outras bibliotecas, e também minimiza seu CSS e JavaScript por padrão.

Fora da caixa, ele pesa apenas 82,8 KB e foi projetado para permanecer leve porque todos os sites de demonstração são construídos com o editor de blocos nativo do WordPress em vez de construtores de páginas mais pesados.

Mas, ao mesmo tempo, o Botiga não economiza em recursos e você tem acesso a muitas opções de estilo e recursos de comércio eletrônico para tornar sua loja um sucesso.

Características principais

• 100% dedicado ao WooCommerce
• Otimizado para desempenho com JavaScript vanilla, minificação integrada e muito mais
• Sites de demonstração pré-fabricados criados com o leve editor de blocos do WordPress (Gutenberg)
• Opções avançadas de personalização do WooCommerce, incluindo vários layouts de carrinho, filtros de produtos, crachás de vendas e muito mais
• Opções de design flexíveis no WordPress Customizer em tempo real

Informações de desempenho

• Resultados da área de trabalho
• Resultados para celular

Preços

O Botiga tem uma versão gratuita que pode funcionar muito bem para lojas WooCommerce simples. Depois, há uma versão Pro que adiciona novos recursos úteis, como amostras de produtos, mais estilos de cabeçalho, posições flexíveis da barra lateral, listas de desejos, um carrinho de compras e muito mais.

A versão Pro custa US$ 69 para uso em sites ilimitados. Você pode ver uma comparação completa de recursos entre o Botiga grátis e o Pro na página de preços.

4. 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 se acumula em 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 complemento WooCommerce Builder
• 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

• 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).

5. Astra

Astra é um dos temas mais populares existentes, 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 compatibilidade profunda para WooCommerce na versão premium, além de muitos recursos úteis.

Características principais

• Toneladas de sites de demonstração WooCommerce importáveis
• 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
• Rolagem infinita do produto
• 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

• 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 compatibilidade básica com WooCommerce, mas você precisará do complemento premium para acessar a maioria dos recursos e opções de personalização específicos do WooCommerce.

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

6. Woostificar

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

Como é apenas para 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 o conteúdo de demonstração, o que permite fácil personalização
• Integração embutida com plugins de lista de desejos populares (YITH Wishlists e TI Wishlist)
• Muitas configurações do personalizador para WooCommerce
• Vários layouts 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

• 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, bem como 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 uso em um único site.

7. Vitrine

Storefront é o tema gratuito “oficial” do WooCommerce 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

• Vem diretamente da equipe WooCommerce
• Construído especificamente para WooCommerce
• Personalize sua loja usando o personalizador nativo do WordPress
• Muitos temas filhos do Storefront para permitir que você altere o design e adapte sua loja a nichos específicos

Informações de desempenho

• 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 vários novos recursos e opções de personalização ao Storefront por US $ 69.

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

8. 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 complemento de plug-in pago).

Características principais

• Código limpo e leve
• Complemento dedicado ao WooCommerce na versão premium – oferece opções especiais de layout e estilo para WooCommerce
• Ícone do carrinho de compras no menu - exibir itens ou 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
• Ative/desative facilmente a exibição de metadados do produto marcando uma caixa
• Check-out sem distrações

Informações de desempenho

• 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 complemento de 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.

9. Loja de orquídeas

Assim como o Woostify, o Orchid Store foi desenvolvido 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 integrado
• Trocador de moeda (pro)
• Widget de ofertas de produtos (pro)

Informações de desempenho

• 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 uso em um único site.

10. Shoptimizer

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

Esse foco singular permite que ele inclua 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 avisos de urgência de status de estoque, crachás de confiança em locais importantes, espaço extra de microcópia para explicar as políticas de remessa e devolução e muito mais.

Ele também inclui alguns recursos integrados para melhorar a experiência de compra, como a 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 pegajoso na rolagem
• FOMOs de produto único para impulsionar a urgência, por exemplo, cronômetros de contagem regressiva de vendas ou “apenas X itens restantes em estoque”
• Um recurso de “solicitar um retorno de chamada”, útil para produtos de alto valor
• Pesquisa de produtos Ajax para resultados de pesquisa instantâneos
• Usa Elementor para conteúdo de demonstração para fácil personalização

Informações de desempenho

• 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 por US$ 39, então você pode comprá-lo por US$ 39.

11. 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 uma tonelada de recursos específicos do WooCommerce, o que pode fazer com que a ligeira compensação de desempenho valha a pena.

Características principais

• Muitos sites de demonstração importáveis ​​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
• Barra flutuante de adicionar ao carrinho na rolagem

Informações de desempenho

• 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.

12. Divisão

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

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

Lembre-se, o Divi já inclui o “peso” do construtor visual de arrastar e soltar, 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 sentido.

Características principais

• Construtor de arrastar e soltar integrado (Divi Builder)
• O Divi Builder oferece suporte à criação de páginas e à criação de temas completos, incluindo o design de modelos da sua loja WooCommerce usando o construtor de arrastar e soltar
• Módulos dedicados do WooCommerce no construtor de páginas
• Grande mercado de terceiros, incluindo complementos focados em WooCommerce de desenvolvedores de terceiros

Informações de desempenho

• Resultados da área de trabalho
• Resultados para celular

Preços

O Divi está disponível apenas como parte da associação Elegant Themes, que dá acesso a todos os produtos da Elegant Themes e uso em sites pessoais e de clientes ilimitados por um 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 temas individuais. Agora, vamos juntar tudo para que você veja como esses temas se comparam.

Eu vou chegar a isso de algumas maneiras diferentes. Primeiro, vamos falar sobre os temas gerais mais rápidos para dispositivos móveis e computadores:

• Celular : Botiga ficou em primeiro lugar no tempo de carregamento total.
• Desktop : Neve ficou em primeiro lugar para o tempo de carregamento completo e Woostify foi o primeiro para a maior pintura de conteúdo.

(Lembre-se de que o WebPageTest não forneceu tempos de LCP no celular.)

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

Celular (ordenado por tempo totalmente carregado):

Desktop (pedido pelo LCP):

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

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 tivéssemos que resumir a algumas conclusões ao considerar o desempenho do desktop e do celular, os melhores desempenhos parecem ser:

• Sydney – ficou em segundo lugar em resultados mobile e em segundo em LCP para desktop.
• Neve – ficou em primeiro lugar nos resultados de desktop e em terceiro em mobile.
• Botiga – ficou em primeiro lugar em resultados mobile e sexto em LCP desktop.
• 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 tanto no desktop quanto no celular. 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 . Por exemplo, Astra estava apenas cerca de um décimo de segundo atrás de Neve em termos de tempo de carregamento total do desktop, então não estamos falando de grandes diferenças entre o ranking #1 e o ranking #7.

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!