Os 10 temas WordPress mais rápidos em 2023 (gratuitos e pagos)

Você está procurando um tema WordPress rápido para iniciar seu próximo projeto? Fizemos o trabalho pesado para você e fizemos alguns testes de velocidade nos temas WordPress mais usados. Neste guia, compartilhamos o desempenho de temas leves e mais personalizáveis, como Divi ou Avada. Também mostramos como otimizar seu tema e tornar seu site mais rápido, o que deve ajudá-lo a escolher as ferramentas certas para seu próximo projeto de desenvolvimento.

Para nossa análise, selecionamos os temas mais populares do mercado (gratuitos e pagos), e aqui está nossa lista abaixo:

5 temas leves

1. Olá
2. Astra
3. OceanWPName
4. GeneratePress
5. cadência

5 temas que vêm com um construtor de páginas

6. Avada (construtor de fusão)
7. Divi (Construtor Divi)
8. BeTheme (BeBuilder)
9. O 7 (construtor de páginas Elementor)
10. Salient (criador de páginas WPBakery)

Vamos revisar e examinar os resultados de desempenho de cada tema:

Os 10 temas WordPress mais rápidos + dados de teste

1. Olá

Um tema simples e gratuito desenvolvido pela Elementor e adaptado para o construtor de páginas. Ocupa apenas 6kb de recursos de memória, portanto, as opções de personalização são limitadas se você usar o tema sozinho.

Resultados de desempenho para o tema Hello:

• Pontuação do PageSpeed ​​em dispositivos móveis: 90/100
• Primeira exibição de conteúdo: 3,1s
• Maior pintura de conteúdo: 1,8 s
• Mudança cumulativa de layout: 2,9s
• Índice de velocidade: 1,4s
• Tempo para interagir: 1,4s
• Tempo total de bloqueio: 0 ms
• Tempo total de carregamento: 2,2s
• Tamanho total da página: 990 KB
• Solicitações HTTP: 13

2. Astra

O Astra é um dos temas WordPress gratuitos mais populares devido ao seu código leve, recursos fáceis de usar e milhares de modelos prontos para uso.

Resultados de desempenho para o tema Astra:

• Pontuação do PageSpeed ​​em dispositivos móveis: 91/100
• Primeira exibição de conteúdo: 2,1s
• Maior pintura de conteúdo: 1,9s
• Mudança cumulativa de layout: 2,8s
• Índice de velocidade: 1,3s
• Tempo para interagir: 1,4s
• Tempo total de bloqueio: 0 ms
• Tempo total de carregamento: 2,1s
• Tamanho total da página: 890 KB
• Solicitações HTTP: 12

3. OceanWP

Leve e altamente extensível, permitirá que você crie praticamente qualquer tipo de site. É um tema totalmente responsivo que fica ótimo em dispositivos móveis e possui suas próprias ferramentas de tradução. Possui muitos modelos criados com Gutenberg (o editor do WordPress) e construtores populares como Elementor ou Beaver Builder.

Resultados de desempenho para o tema OceanWP:

• Pontuação móvel do PageSpeed: 88/100
• Primeira exibição de conteúdo: 1,1s
• Maior pintura de conteúdo: 2,9s
• Mudança cumulativa de layout: 1,8 s
• Índice de velocidade: 2,3s
• Tempo para interagir: 1,4s
• Tempo total de bloqueio: 0 ms
• Tempo total de carregamento: 3,2s
• Tamanho total da página: 996 KB
• Solicitações HTTP: 13

4. Gerar Imprensa

GeneratePress é um tema leve construído com foco na usabilidade e velocidade (uma nova instalação do GeneratePress adiciona menos de 10kb ao tamanho da sua página). O tema aproveita ao máximo o editor de blocos (Gutenberg), que oferece mais controle sobre a criação do seu conteúdo.

Resultados de desempenho para o tema GeneratePress:

• Pontuação do PageSpeed ​​em dispositivos móveis: 86/100
• Primeira exibição de conteúdo: 3,3s
• Maior pintura de conteúdo: 1,7s
• Mudança cumulativa de layout: 2,8s
• Índice de velocidade: 1,3s
• Tempo para interagir: 2,5s
• Tempo total de bloqueio: 0 ms
• Tempo total de carregamento: 3,1s
• Tamanho total da página: 890 KB
• Solicitações HTTP: 12

5. Cadência

Kadence Theme é um tema WordPress leve, mas completo, para belos sites de carregamento rápido. O desenvolvedor tornou as demos acessíveis e criou um construtor de cabeçalho e rodapé de arrastar e soltar para criar qualquer tipo de cabeçalho em minutos. A biblioteca de modelos multiuso tem designs diferentes que podem caber em centenas de projetos.

Resultados de desempenho para o tema Kadence:

• Pontuação móvel do PageSpeed: 89/100
• Primeira exibição de conteúdo: 3,1s
• Maior pintura de conteúdo: 1,9 s
• Mudança cumulativa de layout: 2,9s
• Índice de velocidade: 1,3s
• Tempo até a interação: 1,7s
• Tempo total de bloqueio: 0,3 ms
• Tempo total de carregamento: 2,8s
• Tamanho total da página: 898 KB
• Solicitações HTTP: 10

6. Avada (+ Construtor de Fusão)

O tema de vendas nº 1 no Envato por anos. Existem milhares de modelos fáceis de personalizar na biblioteca. É um construtor de sites que permite construir seu site do cabeçalho ao rodapé, graças ao poderoso Fusion Builder. O Avada é 100% mantido internamente pela mesma equipe e não depende de ferramentas de terceiros.

Resultados de desempenho para o tema Avada:

• Pontuação do PageSpeed ​​em dispositivos móveis: 87/100
• Primeira exibição de conteúdo: 3,1s
• Maior pintura de conteúdo: 1,5s
• Mudança cumulativa de layout: 1,7s
• Índice de velocidade: 1,5s
• Tempo até a interação: 2,4s
• Tempo total de bloqueio: 0 ms
• Tempo total de carregamento: 2,4s
• Tamanho total da página: 998 KB
• Solicitações HTTP: 12

7. Divi (+ Divi Builder)

Divi é um tema poderoso graças ao seu construtor visual de páginas. A Elegant Themes foi uma das primeiras empresas a trazer o WYSIWYG para o WordPress. Você pode construir tudo visualmente usando a estrutura Divi sem tocar em uma única linha de código (e sem instalar e configurar nenhum plug-in para trazer recursos adicionais).

Resultados de desempenho para o tema Divi:

• Pontuação do PageSpeed ​​em dispositivos móveis: 84/100
• Primeira pintura de conteúdo: 4,1s
• Maior exibição de conteúdo: 1,1s
• Mudança cumulativa de layout: 1,8 s
• Índice de velocidade: 1,4s
• Tempo até a interação: 1,1s
• Tempo total de bloqueio: 0,1 ms
• Tempo total de carregamento: 3,1s
• Tamanho total da página: 1,2 MB
• Solicitações HTTP: 14

8. BeTheme (+ BeBuilder)

O BeTheme é um construtor de sites multiuso e o tema WordPress mais vendido com mais de 650 sites pré-criados (com designs muito modernos e populares). O BeBuilder deles também é totalmente compatível com o WooCommerce e eles lançaram recentemente um construtor de consultas para criar sites dinâmicos.

Resultados de desempenho para o tema BeTheme:

• Pontuação do PageSpeed ​​em dispositivos móveis: 80/100
• Primeira pintura de conteúdo: 4,1s
• Maior pintura de conteúdo: 2,9s
• Mudança cumulativa de layout: 3,8s
• Índice de velocidade: 1,9s
• Tempo para interagir: 1,4s
• Tempo total de bloqueio: 0,2 ms
• Tempo total de carregamento: 4,1s
• Tamanho total da página: 1,4 MB
• Solicitações HTTP: 15

9. The7 (+ Elementor)

São os temas Elementor nº 1 em vendas que oferecem muita personalização no painel do WordPress. The7 tem mais de 60 sites fictícios pré-construídos com modelos exclusivos para Elementor, WPBakery Page Builder e Slider Revolution.

Resultados de desempenho para o tema The7:

• Pontuação do PageSpeed ​​em dispositivos móveis: 81/100
• Primeira pintura de conteúdo: 2,4s
• Maior pintura de conteúdo: 1,8 s
• Mudança cumulativa de layout: 2,9s
• Índice de velocidade: 1,1s
• Tempo até a interação: 1,2s
• Tempo total de bloqueio: 0 ms
• Tempo total de carregamento: 3,8s
• Tamanho total da página: 1,1 MB
• Solicitações HTTP: 16

10. Salient (+ versão personalizada do WPBakery Page Builder)

A Salient oferece acesso a uma biblioteca de modelos profissionais com mais de 400 para escolher. Eles usaram o construtor de páginas WP Bakery Bakery como base e adicionaram alguns recursos extras a ele. Finalmente, Salient tem uma classificação média de 4,8 em 5 com base em 5700 classificações no Themeforest.

Resultados de desempenho para o tema Salient:

• Pontuação móvel do PageSpeed: 82/100
• Primeira exibição de conteúdo: 2,5s
• Maior pintura de conteúdo: 1,7s
• Mudança cumulativa de layout: 1,8 s
• Índice de velocidade: 1,9s
• Tempo até a interação: 1,2s
• Tempo total de bloqueio: 0,35 ms
• Tempo total de carregamento: 3,8s
• Tamanho total da página: 987 KB
• Solicitações HTTP: 13

Tabela dos Resultados do Teste

Abaixo você encontrará um resumo dos resultados de desempenho para cada tema. Usamos o KPI “PageSpeed ​​mobile score” para classificá-los, mas a métrica de carregamento total da página também é importante, então não se esqueça de olhar para essa linha.

Temas leves

Temas que vêm com um construtor de páginas

Da mesma forma, a classificação é baseada na pontuação móvel do PageSpeed.

Principais conclusões:

• Todos os temas vão de aceitável a muito bom para sua nota no PageSpeed ​​Insights. Existem em laranja ou em verde, não há nenhum em vermelho em termos de desempenho.
• O Astra parece ser o mais rápido dos temas leves, com um 91/100 no celular e um carregamento de página de 2,1 s.
• Avada (com seu próprio construtor) também chega ao topo da lista com um 87/100 no celular e um carregamento de página de 2,4s.

Como testamos os temas

Nossa seleção foi baseada na popularidade de 2023, alto número de downloads ou vendas no Envato e avaliações de qualidade. Em seguida, executamos uma auditoria por meio das seguintes ferramentas de desempenho:

Com tecnologia Lighthouse, PageSpeed ​​Insights e GTmetrix, ambos analisam o desempenho e a experiência do usuário do seu site. Os KPIs mais importantes são os Core Web Vitals, que vêm com um relatório detalhado sobre o desempenho de suas páginas e quais são as áreas para melhoria. É por isso que incluímos as 10 métricas a seguir em nossos testes – medidos em dispositivos móveis :

Do PageSpeed ​​Insights:

• Pontuação móvel do PageSpeed
• Primeira pintura de conteúdo
• Maior pintura de conteúdo
• Mudança cumulativa de layout
• Índice de velocidade
• Hora de interagir
• Tempo total de bloqueio

De GTmetrix:

• Tempo total de carregamento
• Tamanho total da página
• solicitações HTTP

Em seguida, escolhemos 10 temas que dividimos em duas categorias:

#1 Os temas leves e gratuitos que vêm com uma abordagem minimalista e são mais como uma tela básica para começar um site:

• Olá
• Astra
• OceanWPName
• GeneratePress
• cadência

# 2 A outra categoria contém os temas “mais pesados” que vêm com seu próprio construtor de páginas. Achamos que comparar o Avada (e seu construtor Fusion) com um tema leve como o Astra seria injusto. Assim, os temas para a segunda categoria são os seguintes:

• Avada (construtor de fusão)
• Divi (Construtor Divi)
• BeTheme (BeBuilder)
• The 7 (criador de páginas Elementor/WP Bakery)
• Salient (criador de páginas WPBakery)

Os locais de teste

Para a primeira categoria, construímos um site de teste realista usando o WordPress Editor e usamos os blocos para criar um banner de herói com um botão, 5 depoimentos com fotos, 1 call to action (seção completa com uma imagem), 4 ícones e texto, 2 títulos e 2 legendas e 8 serviços com imagens.

Para a segunda categoria, sempre construímos uma página com elementos semelhantes presentes em cada construtor: um banner de herói com uma imagem e um botão, 3 serviços com ícone e textos, 2 imagens (reutilizamos as mesmas), 2 elementos de texto, 3 listas de ícones e uma seção de call to action com cabeçalho, subcabeçalho e botão (seção completa).

Seguindo os mesmos cenários de teste e o mesmo conteúdo para cada tema, poderíamos realizar uma análise de comparação de desempenho justa. Fizemos uma nova instalação para cada tema e usamos o mesmo servidor para o teste de velocidade de cada tema.

Dê um impulso extra de desempenho com o WP Rocket

WP Rocket é um dos melhores plugins de cache para WordPress que pode otimizar qualquer tema em poucos cliques. Também melhora o desempenho do seu site e dos principais indicadores vitais da Web.

Para entender o grande impacto do WP Rocket na velocidade, vamos vê-lo em ação com o BeTheme, que foi o tema “mais lento” em nossos testes.

Para registro, houve alguns problemas sinalizados pelo Lighthouse, listados na guia “Oportunidades”:

As recomendações incluem o uso de cache, habilitação da compactação de texto, redução de CSS/JS não utilizado e adiamento de imagens fora da tela.

Ativamos o WP Rocket naquele site de teste e notamos uma grande melhoria:

Todos os nossos KPIs de desempenho também melhoraram graças ao WP Rocket, que também melhorou a pontuação do PageSpeed ​​Insights (meu site mudou para o verde com 98/100).

O WP Rocket também aumentou a pontuação do Core Web Vitals e diminuiu o tempo total de carregamento (de 4,1s para 2,1s). O WP Rocket também reduziu o tamanho da página e o número de solicitações HTTP:

* Núcleos vitais da Web

Para corrigir todos os avisos do PageSpeed ​​Insights e aumentar os KPIs de desempenho, ativamos os seguintes recursos do WP Rocket:

• Implemente o cache e a compactação de texto na ativação do plug-in:

Você também pode ajustar suas próprias opções na guia de cache no administrador do WordPress:

• A guia de otimização de arquivo para reduzir CSS não utilizado (entre outros recursos de otimização de CSS):

• Uma subseção dedicada para otimizar JS:

• O recurso de carregamento lento para adiar imagens fora da tela (e carregar apenas as imagens localizadas acima da dobra):

Qual é o melhor tema para você?

É quase impossível sugerir um único tema, pois depende de suas necessidades específicas e do briefing do cliente, mas aqui estão algumas sugestões:

• Se você tem um cliente disposto a assumir seu site, atualizar o conteúdo e acessar o painel do WordPress, escolher um tema com um construtor de páginas pode ser mais fácil (como o BeTheme ou o 7).
• Se você é um freelancer em busca de um tema com demos altamente projetados para diferentes setores, Divi e BeTheme podem ser suas melhores escolhas.
• Se você planeja criar um site WooCommerce avançado com milhares de produtos, um tema leve como o Astra pode ser mais sensato. Além disso, ele vem com recursos avançados do WooCommerce.
• Se você precisa criar seus próprios formulários e layouts de produtos e adicionar dados dinâmicos ao seu site, um tema integrado ao Elementor Pro é uma ótima opção. A Elementor foi uma das primeiras empresas a lançar o construtor WooCommerce, permitindo que você crie seu próprio modelo de produto e página de loja rapidamente.
• Se você está hesitando entre alguns temas , instale uma de suas demonstrações e veja-as no celular. A capacidade de resposta deve ser essencial ao construir um site.
• Se você é uma agência de web e design , a Divi oferece o Divi Cloud, onde você pode armazenar facilmente seu projeto e compartilhá-lo com a equipe. A colaboração e possíveis modificações podem ser feitas mais rapidamente de qualquer lugar.

Por fim, escolha um tema com suporte rápido, atualizações recentes e documentação precisa. Por exemplo, OceanWP tem uma academia que oferece webinars e tutoriais para usar o tema ao máximo.

Empacotando

Agora, você deve ser capaz de decidir e escolher o tema WordPress certo para o seu próximo projeto. E lembre-se, não importa qual tema você escolha para o seu próximo projeto, o WP Rocket é a maneira mais fácil de melhorar a velocidade do seu site WordPress e passar nas auditorias de desempenho do PageSpeed ​​Insights.