Qual tema do WordPress tem melhor desempenho no teste de velocidade “Core Web Vitals” do Google?

O Google anunciou seu novo benchmark Core Web Vitals em meados de 2020:

… os usuários mostram que preferem sites com uma ótima experiência de página … A pesquisa adicionou uma variedade de critérios de experiência do usuário, como a rapidez com que as páginas são carregadas e a compatibilidade com dispositivos móveis , como fatores para classificar os resultados.

No início deste mês, a equipe do Chrome anunciou o Core Web Vitals, um conjunto de métricas relacionadas à velocidade, capacidade de resposta e estabilidade visual …

Introduziremos um novo sinal que combina os Principais Vitais da Web com nossos sinais existentes para experiência de página para fornecer uma imagem holística da qualidade da experiência de um usuário em uma página da Web.

Em agosto de 2021, o Google lançou sua atualização de 'experiência de página' (que inclui Core Web Vitals) para classificações móveis, com classificações de desktop chegando até o final de março de 2022:

O sinal de classificação da experiência da página entrou em vigor para dispositivos móveis em agosto de 2021. Começaremos a usar a experiência da página como parte de nossos sistemas de classificação para computador a partir de fevereiro de 2022. O lançamento será concluído até o final de março de 2022. Este lançamento de classificação será se basear nos mesmos sinais de experiência de página que lançamos para dispositivos móveis em agosto de 2021.

Se você está fazendo SEO em seu site WordPress, isso é tão importante para você quanto quando o Chrome começou a rotular páginas não HTTPS com avisos vermelhos em 2017.

Se, como eu, você deseja estar à frente da concorrência e garantir que seu site WordPress seja compatível com Core Web Vitals , continue lendo. Vou analisar o que é o Core Web Vitals e quais temas do WordPress ajudarão você a obter as melhores pontuações.

Nota: há mais velocidade do WordPress do que a seleção de temas, mas é o melhor lugar para começar, juntamente com a hospedagem rápida do WordPress.

TL;DR – GeneratePress é o tema WordPress mais rápido em 2022 e, em média, teve o melhor desempenho nos testes Core Web Vitals do Google neste mini-estudo.

O que são os Principais Web Vitais?

Os Core Web Vitals são um conjunto de métricas essenciais do site para uma ótima experiência do usuário criadas pelo Google. Um subconjunto de Web Vitals, os Core Web Vitals são atualmente compostos por três métricas distintas:

• Maior pintura de conteúdo (LCP): mede o desempenho de carregamento. O Google afirma que isso deve ser inferior a 2,5 segundos .
• First Input Delay (FID): mede a interatividade. O Google afirma que isso deve ser inferior a 100 milissegundos .
• Mudança de layout cumulativa (CLS): mede a estabilidade visual. O Google afirma que isso deve ser menor que 0,1 .

Como posso medir minha pontuação no Core Web Vitals?

Aqui estão todas as ferramentas e métodos que você pode usar para medir e rastrear suas pontuações no Core Web Vitals. Testes de exemplo são feitos em um post no Evernote Blog (um site WordPress usando o tema Mokka, veja meu post em sites famosos do WordPress).

O Google tem 3 ferramentas próprias:

• PageSpeed ​​Insights – uma ferramenta simples de análise de velocidade de página. Qualquer pessoa pode usá-lo sem fazer login. Você pode visualizar resultados separados para dispositivos móveis e computadores.

• Relatório de experiência do usuário do Chrome – uma combinação de PageSpeed ​​Insights e dados reais de navegação do usuário. Está disponível apenas para quem tem uma conta do Google e um projeto do Google Cloud.
• Search Console – Você precisa estar conectado à sua conta GSC para acessar o relatório Core Web Vitals para seus sites.

Existem também várias ferramentas de terceiros que incorporam as métricas do Core Web Vitals:

• WebPageTest.org – um teste de velocidade de página da Web gratuito que destaca as velocidades de LCP e CLS. Não mostra FID.

• Web Vitals Chrome Extension – uma extensão gratuita do Chrome que calcula o LCP, FID e CLS para a página em que você está.

Você notará que a mesma página tem um desempenho diferente em diferentes testes de velocidade. Isso porque as métricas de carregamento de página dependem de muitos fatores, como se você estiver navegando no celular ou desktop, com uma conexão rápida ou lenta, ou em um local próximo ou distante do servidor ou CDN.

Como o Google agora usa a indexação mobile-first, se você se preocupa com SEO e suas classificações nos mecanismos de pesquisa, deve prestar atenção às pontuações do LCP para dispositivos móveis .

Se você está tentando tornar seu site WordPress amigável ao Google, use as próprias ferramentas de teste do Google para determinar como seu site está se saindo nos testes Core Web Vitals – eu recomendo ficar com o Search Console ou o PageSpeed ​​Insights.

Como os temas do WordPress afetam as pontuações do Core Web Vitals?

Todo site WordPress usa um tema. Para a maioria de nós, é um tema pronto para uso, alguns gratuitos, outros premium. Seu site WordPress não está vinculado a nenhum tema e você pode alternar temas com bastante facilidade. O tema escolhido tem um impacto na velocidade de carregamento de suas páginas da web e, posteriormente, na pontuação do seu site em relação ao benchmark Core Web Vitals do Google.

5 temas populares do WordPress que estamos testando

Vinte e vinte

Twenty Twenty é o mais recente tema gratuito oficial do WordPress. Usado como tema principal em mais de 400.000 sites ativos.

Divi

Divi é um tema premium do WordPress criado pela Elegant Themes. Atualmente, o Divi é usado em mais de 1,6 milhão de sites ao vivo.

Construtor de Temas Prosperar

Thrive Theme Builder é um novo tema WordPress com um construtor de páginas integrado da Thrive Themes, a equipe por trás do plugin Thrive Architect. Thrive Themes é usado em mais de 125.000 sites ao vivo.

Gerar Imprensa

GeneratePress é um tema WordPress leve, com uma versão gratuita limitada e uma versão premium totalmente personalizável. GeneratePress é usado em mais de 270.000 sites ao vivo.

Foodie (Gênesis)

Foodie é um dos temas filhos mais populares para Genesis, uma estrutura de tema WordPress premium popular do StudioPress, que agora faz parte da família WP Engine. A estrutura Genesis é usada em mais de 290.000 sites ao vivo.

Metodologia

Ao contrário dos testes que fizemos para encontrar os temas WordPress mais rápidos, onde usamos nosso próprio servidor para testar cada tema no mesmo ambiente, este teste será realizado 'in the wild'.

Para cada um dos 5 temas, escolhidos por nós, usaremos o PageSpeed ​​Insights para testar 3 homepages de sites reais usando esse tema. O resultado médio será o benchmark desse tema.

Estes são os sites que testamos:

Vinte e vinte:

• news.filepuma.com
• gsuniversity.girlscouts.org
• fromthiskitchentable.com

Divisão:

• skillssurvey. com
• infinitydish. com
• pagefreezer. com

Construtor de Temas Prosperar:

• risupress. com
• playguitar. com
• activegrowth. com

Gerar Pressione:

• brandongaille.com
• learningguitarnow. com
• thegeekycyclist. com

Viciado em comida:

• farinhaonmyface.com
• veganinthefreezer. com
• straightupfood.com/blog/

Cada página será medida em:

• Maior pintura de conteúdo ( LCP ), medida em segundos
• Atraso da primeira entrada ( FID ), medido em milissegundos
• Mudança de layout cumulativa ( CLS )

O LCP será medido apenas em dispositivos móveis , pois a usabilidade em dispositivos móveis é importante para SEO (indexação mobile-first) e usabilidade (cerca de 50% de todo o tráfego do site vem de dispositivos móveis).

Resultados

Surpreendentemente, apenas 2 dos 15 sites testados passaram no teste de LCP móvel (deve ser de 2,5 segundos ou menos).

Para o FID, que deveria ser inferior a 100 milissegundos, foi o contrário, e 13 das 15 páginas passaram no teste.

O CLS, que deve ser inferior a 0,1, foi aprovado em 10 dos 15 locais testados.

Mas e os temas do WordPress, eles tiveram algum impacto nos resultados?

O melhor tema WordPress para passar nos testes Core Web Vitals em média foi o GeneratePress. Isso não me surpreende, pois o GeneratePress também ficou no topo dos nossos testes de tema WordPress mais rápidos.

O Thrive Theme Builder teve o pior desempenho em geral. Os únicos 2 sites que passaram em todos os testes Core Web Vitals usaram os temas Foodie e Twenty Twenty.

Conclusão

Este foi um teste muito pequeno de sites selecionados aleatoriamente, portanto, as descobertas não são estatisticamente significativas . Há também muitos outros fatores em jogo quando se trata da velocidade do WordPress. Como você pode ver nos resultados, o mesmo tema do WordPress (Foodie) foi usado nos sites mais rápidos e mais lentos testados. Pode haver outras variáveis , como plug-ins, compactação de imagem, armazenamento em cache ou hospedagem de sites, que afetam o desempenho geral da velocidade.

Como provamos com nossos testes de velocidade do tema, a escolha do tema WordPress afeta o potencial de velocidade do seu site , e você pode se dar uma vantagem construindo seu site em um tema rápido e bem codificado como o GeneratePress.

No entanto, simplesmente escolher um tema WordPress rápido não garante um site rápido .

Eu estava curioso sobre como meu site (o que você está atualmente!) se saiu nos testes Core Web Vitals do Google. Como já estou usando o GeneratePress com cache e compressão de imagens, esperava que passasse com cores vivas…. na realidade, também tenho algum espaço para melhorias.

Testei uma página importante no meu site usando o PageSpeed ​​Insights e, embora a pontuação inicial pareça ótima ( 91/100 no celular), ficou aquém da pontuação do LCP (3 segundos, 0,5 segundo acima do benchmark do Google de 2,5 segundos).

No desktop, o PageSpeed ​​Insights indicou que todas as páginas do meu site passam no teste Core Web Vitals (esses dados vêm dos dados do Google de usuários reais no meu site), mas eu ainda gostaria de acelerar um pouco mais. Minha busca pelo site WordPress mais rápido continua!

Vou investigar isso mais a fundo e, quando descobrir como diminuir o número, escreverei sobre isso e criarei um tutorial para você seguir também.