Arjen Karel, Core Web Vitals consultant
Para equipas pequenas, agências e segundas opiniões

Auditoria de Core Web Vitals

Para equipas com um ou dois developers que precisam de saber o que corrigir primeiro. E para quem recebeu um rebuild, um novo tema ou um plugin e quer primeiro uma segunda opinião. Preço fixo, uma semana. Analiso o site antes de acordarmos o âmbito.

Arjen KarelConsultor de desempenho web desde 2009
Some of the teams I've worked with
Erasmus MC Happy Horizon Marktplaats Who What Wear KPN Featured on web.dev
Como funciona

Como é uma auditoria comigo

Uma auditoria responde a três perguntas: o que está lento, porquê e o que corrigir primeiro. Respondo a partir do field data e deixo as respostas por escrito para que um developer que nunca me viu as consiga implementar.

Um relatório de exemplo: do field data aos fixes.
  1. Primeiro, o field data

    Começo onde a Google olha: nos visitantes reais no percentil 75, no CrUX. O CrUX diz-me que o site está lento. Não diz que imagem nem que script. Se já tiver RUM, uso esses dados. Se não tiver, adiciono o CoreDash durante a auditoria; os seus dados de RUM permitem-me ver de onde vem cada número lento.

  2. Template a template

    Depois, analiso os templates que geram receita: home, categoria, produto e checkout. Faço o trace de cada um no Chrome, request a request, até perceber por que razão a imagem do LCP chega tarde e o que acontece na main thread quando alguém toca no ecrã. Uma imagem do LCP raramente é lenta por si só. É o timing, algum congestionamento de rede e mais alguns pequenos erros; juntos somam um segundo extra. Corrija um e mal notará a diferença. Corrija-os na ordem certa e resolve o problema a sério.

  3. Um relatório para o developer implementar

    Cada problema inclui a causa, o impacto e o fix, com exemplos de código. Por ordem de importância: o que vem primeiro, o que pode esperar e o que só compensa depois de outra coisa estar feita. No topo, um resumo de uma página para si; o resto para o seu developer.

  4. Uma chamada de 2 horas com a equipa

    O seu developer, a sua agência ou ambos. Apresento-lhes as conclusões passo a passo. Eles perguntam, eu respondo, e saem a saber o que implementar na segunda-feira.

Preços

Quanto custa uma auditoria de Core Web Vitals?

1.500 €, preço fixo. Acordamos o âmbito antes de eu começar e tem o relatório no prazo de uma semana. Se no primeiro dia encontrar algo importante e simples, fica a saber logo no primeiro dia.

O que inclui
  • Eu próprio, não um consultor júnior com uma checklist
  • Cada problema com a causa, o impacto e o fix
  • Exemplos de código para o seu developer ou agência utilizarem
  • O que corrigir, por ordem de importância
  • Um resumo executivo de uma página em linguagem simples
  • Uma chamada de 2 horas com a sua equipa
  • Dúvidas por email durante a implementação, sem custos adicionais
Auditoria de Core Web Vitals

Um preço fixo

4 tipos de página, como home, categoria, produto e checkout.

1.500 € fixo, sem IVAno prazo de uma semana
Arjen Karel

Pedir uma auditoria

Envie-me o seu URL e uma linha sobre o que se passa.

  1. Fale-me sobre o site

    O seu URL e o que o preocupa. Antes de responder, analiso o seu field data e os templates principais para ter uma primeira impressão do que está a falhar. Perguntas específicas também podem ir no formulário; o relatório responderá a todas.

  2. Acordamos o âmbito

    No espaço de um dia tem notícias minhas, às vezes com algumas perguntas. Depois escolhemos os 4 tipos de página. Normalmente diz-me quais importam mais: conhece o seu conteúdo, eu conheço a tecnologia.

  3. Dá luz verde, eu começo

    Não preciso de acessos a nada. Se tiver dúvidas sobre alguma coisa, peço-lhe para verificar. Isso quase nunca acontece. Uma semana depois tem o relatório e analisamo-lo com a sua equipa.

Request an audit

Para quem é

A quem se destina uma auditoria de Core Web Vitals?

  1. Pequenas equipas

    Um ou dois developers

    Para uma equipa dessa dimensão, meses de consultoria são normalmente mais do que o problema exige. Qualquer bom developer consegue decifrar os Core Web Vitals com tentativa e erro suficientes. Salto essa parte. Faço isto desde 2009, por isso vou direto ao que está mal e ao que corrigir primeiro.

  2. Agências

    Uma auditoria para o site de um cliente

    Desenvolve o site e o seu cliente vê números vermelhos no Search Console. Eu faço a auditoria, documento as conclusões para que os seus developers as possam implementar e revejo tudo com a sua equipa. O seu cliente fica com um site mais rápido através da agência com quem já trabalha. Para trabalho contínuo, existe o suporte para agências.

  3. Segundas opiniões

    Antes de gastar mais dinheiro

    Alguém propôs um rebuild, um novo tema ou um plugin que promete resolver tudo, e tem dúvidas. Comparo esse plano com o seu field data e digo-lhe se isso resolve o que está lento para os visitantes, ou o que eu faria em alternativa.

Auditoria · Voices

Como foi a auditoria na Voices

Um site de marketing em WordPress, uma app separada para os perfis dos locutores, um blog e podcasts

2,2sLCP no telemóvel, últimos 28 dias
189msINP no telemóvel, últimos 28 dias
0,01CLS no telemóvel, últimos 28 dias
Lighthouse test of the Voices homepage in 2022: performance 50, LCP 9.6 seconds, CLS 0.35
A homepage deles no teste do Lighthouse de 2022: LCP 9,6s, CLS 0,35.

A Voices é onde as empresas contratam locutores, e o site deles era, na verdade, três sites: um site de marketing em WordPress, uma app separada para os perfis dos locutores, e um blog com podcasts. Analisei cerca de 25 URLs entre todos eles. Na homepage, o layout saltava três vezes durante o carregamento: uma fonte de fallback mudava para Roboto, uma hero image sem dimensões empurrava tudo para baixo e depois a Roboto mudava para Poppins.

No papel, o blog parecia ótimo. Tinha 94 no Lighthouse porque um plugin de otimização retinha os scripts durante cerca de quatro segundos. Isso engana o teste e não faz nada pelos visitantes reais, por isso o meu primeiro conselho para o blog foi retirá-lo.

Depois reuni-me com os seus developers. Expliquei-lhes como corrigir primeiro os problemas mais urgentes e ensinei-lhes algumas coisas pelo caminho. Poupou-lhes o trabalho de descobrir o que funciona por tentativa e erro. Pouco tempo depois, o responsável de desenvolvimento enviou-me a lista por email: scripts passados para o footer, fontes duplicadas removidas, font-display corrigido, fetchpriority nas imagens importantes. Pegaram naquilo e descolaram.

Isso foi em 2022. Os números acima representam os seus visitantes reais em telemóvel nos últimos 28 dias, quatro anos depois.

Auditoria de Core Web Vitals

Perguntas que me fazem

A auditoriaO seu siteÂmbito e preçoDepois da auditoria

A auditoria

O que é uma auditoria de Core Web Vitals?

Descubro o que está lento no seu site para os visitantes reais, por que razão está lento e o que corrigir primeiro. Baseia-se no seu field data, os mesmos dados que a Google utiliza, e não num lab test. Recebe as conclusões por escrito e revemo-las com quem desenvolve o seu site.

Uma auditoria de PageSpeed é o mesmo que uma auditoria de Core Web Vitals?

Não exatamente. A maioria das auditorias de PageSpeed parte de uma pontuação do Lighthouse: um telemóvel simulado, uma execução. Eu parto da experiência dos seus visitantes reais no percentil 75, porque é para aí que a Google olha. Também faço lab tests, mas apenas para perceber por que motivo algo está lento, não para decidir se está ou não.

Analisa apenas o LCP, o INP e o CLS?

Não. Uma auditoria de desempenho web que se limite a três métricas não chega às causas. O TTFB, o render-blocking CSS, as fontes, os scripts de terceiros e a ordem de carregamento dos recursos são a origem da maioria dos problemas. Também constam do relatório, pela ordem de importância.

Porque não correr o PageSpeed Insights nós próprios?

Pode, e deve fazê-lo. Diz-lhe que não passa e, mais ou menos, onde. Não lhe diz por que razão o browser encontra a imagem do LCP tarde, que script está na main thread quando alguém clica, nem quais das sugestões não vão mexer em nada no seu field data.

O seu site

O nosso site corre em Shopify ou WordPress. Pode fazer a auditoria?

Sim. Numa plataforma alojada não pode alterar a infraestrutura em si, mas o tema, as apps e os scripts adicionados estão sob o seu controlo, e a maioria dos problemas está aí. O mesmo se aplica a um tema de WordPress e aos seus plugins.

Pode auditar um site que ainda não esteja online?

Sim, em staging. Sem visitantes reais não há field data, por isso apoio-me em lab tests e naquilo que já vi falhar em sites semelhantes. Assim que estiver online, o field data mostra se eu tinha razão.

Do que precisa da nossa parte?

Do seu URL e dos tipos de página prioritários. O acesso ao Search Console e à ferramenta de analytics ajuda, tal como o acesso ao código, mas não é obrigatório. Quase tudo o que preciso acontece no browser.

Âmbito e preço

Quanto custa uma auditoria?

1.500 € para um máximo de 4 tipos de página, como home, categoria, produto e checkout. Vários domínios, muitos idiomas ou uma web app independente ao lado do site de marketing? Nesses casos, o âmbito define o preço antes de eu começar. Sem taxímetro à hora.

Quanto tempo demora?

No prazo de uma semana após obter acesso. Sites maiores demoram mais tempo, e o âmbito indica a duração antes de eu começar.

É preciso fazer uma chamada antes?

Não. Pede a auditoria e eu respondo por email com a proposta de âmbito. Prefere falar primeiro? Indique-o no formulário e fazemos uma chamada de 20 minutos.

Depois da auditoria

Corrige os problemas diretamente?

Não. A auditoria indica o que corrigir, e o seu developer ou agência implementa. Se quiser o meu acompanhamento durante o desenvolvimento, isso é consultoria.

O nosso site foi desenvolvido por uma agência. Funciona na mesma?

Sim. Documento as conclusões para que um developer que nunca me viu possa implementá-las, e não tenho qualquer problema em analisá-las diretamente com a agência. Eles recebem detalhes técnicos precisos e o cliente fica com uma referência clara para validar o trabalho.

E se surgirem dúvidas durante a implementação?

Basta enviar-me um email. Um fix que se revela mais difícil do que parecia, ou um resultado diferente do esperado: isso faz parte da auditoria, não é um extra.

Com que frequência devemos fazer uma auditoria?

Geralmente uma vez, e novamente após um redesign, um novo tema ou uma migração de plataforma. Com RUM e alertas, sabe logo quando algo fica mais lento, por isso não precisa de uma auditoria de web performance todos os anos.

Auditoria de Core Web Vitals | Arjen Karel Core Web Vitals Auditoria de Core Web Vitals | Arjen Karel