Arjen Karel, Core Web Vitals consultant
Consultoria de Core Web Vitals

Entro na sua equipe e deixamos seu site rápido

De um a três dias por semana, sprint a sprint, trabalhando com seus desenvolvedores. Meço o que os visitantes ficam esperando, corrigimos nessa ordem e, quando eu sair, sua equipe sabe como manter tudo rápido. A partir de €6.000 por mês.

Arjen KarelConsultor de web performance desde 2009
Some of the teams I've worked with
Happy Horizon Nina.care Harvard Adevinta Erasmus MC Featured on web.dev
Como funciona

Como é a consultoria comigo

Quando começo a trabalhar nos seus Core Web Vitals, primeiro alinhamos o que vamos corrigir. Depois faço a auditoria, escrevo os tickets e, junto com seus desenvolvedores, deixamos o site rápido de novo, em um ou mais sprints.

CoreDash request waterfall for one real page view
Uma visualização de página real no CoreDash: cada requisição, com DCL e LCP marcados.
  1. Auditoria completa do site

    Toda consultoria começa com uma auditoria completa, template por template, analisando seus dados de RUM no percentil 75. Depois disso, sei o que causa cada problema, quais importam mais e quais dependem uns dos outros.

  2. Priorização e planejamento

    Algumas correções têm muito mais impacto que outras, e algumas só compensam depois que outra já foi feita. Não faz sentido otimizar a imagem principal se um script bloqueia a página inteira. E um deslocamento mínimo em uma página que recebe 2% do seu tráfego pode esperar.

  3. Tickets e implementação

    Escrevo os tickets no Jira (ou no seu próprio sistema) e organizo as prioridades. Em cada um, descrevo a causa, o impacto e a correção, com exemplos de código. Seus desenvolvedores implementam a maior parte. Faço pair programming com eles nos casos difíceis e reviso cada pull request.

  4. Validações e melhorias de processo

    Acompanho o progresso o tempo todo e comparo cada release com a linha de base nos field data. Quando eu sair, sua equipe consegue encontrar um problema, entender a causa e escolher a correção certa sem mim. Também configuro performance budgets no pipeline de CI/CD e alertas nos seus dados de RUM, para que nenhuma regressão chegue aos visitantes despercebida.

Preços

Quanto custa a consultoria de Core Web Vitals?

O preço acompanha o ritmo que a sua equipe consegue manter. Por experiência, um dia por semana mantém uma equipe de cerca de cinco desenvolvedores ocupada: eu audito, escrevo os tickets e confiro o que eles entregam. Uma equipe maior, ou totalmente focada em web performance, precisa de mais dias.

1 dia por semana

Constante

Nada está pegando fogo, mas o site é mais lento que o dos concorrentes e você sabe disso.

€6.000/mês
2 dias por semana

Focado

A Black Friday está chegando ou você está migrando de plataforma. O dobro do ritmo.

€12.000/mês
3 dias por semana

Intensivo

O Search Console está no vermelho e o marketing cobra explicações toda semana.

€18.000/mês

Ir mais rápido não custa mais

Três meses no Constante custam €18.000. Um mês no Intensivo também custa €18.000. Você só chega lá mais rápido. O valor total exato fica no escopo, antes de começarmos.

3 × €6.000Constante · 3 meses
=
1 × €18.000Intensivo · 1 mês
O que você recebe
  • Eu e 17 anos de experiência, sem estagiários nem consultores juniores
  • Audito o site inteiro, template por template
  • Escrevo os tickets no seu próprio sistema, na ordem certa
  • Faço pair programming com seus desenvolvedores e reviso os pull requests
  • Validamos cada correção nos seus field data
  • Você mantém os performance budgets e alertas quando eu sair
Retainer · após a consultoria

Me mantenha por perto

A maioria das equipes consegue tocar o trabalho sem mim depois. Se preferir que eu continue, você tem cerca de um dia do meu tempo por mês. Acompanho seus dados de RUM, aviso quando algo fica mais lento e, a cada trimestre, decidimos o que vem a seguir.

€1.500/mêsa partir de, cerca de um dia por mês
Arjen Karel

Para começar, só preciso da sua URL e de 20 minutos

Preencha o formulário abaixo com o seu site e o que está acontecendo. A mensagem cai direto na minha caixa de entrada, não em uma equipe de vendas. Quando conversarmos, eu já terei analisado o seu site. Assim, aproveitamos esses 20 minutos para falar do seu site e da sua equipe, não para ver slides sobre como sou incrível.

  1. Envie sua URL

    Conte o que está incomodando e informe o prazo, se tiver um, como a Black Friday ou uma migração. Esse prazo define de quantos dias por semana precisamos. Eu respondo em até um dia.

  2. Eu analiso, nós conversamos

    Antes da chamada, analiso seus dados do CrUX e os templates principais. Geralmente já sei o que está deixando o site lento antes mesmo de você me contar. Depois, conversamos por 20 minutos: metade sobre o site, metade sobre a equipe. Uma correção parada no backlog não deixa nada mais rápido.

  3. Você recebe o escopo e o preço

    Quantos dias por semana, por quanto tempo e o que vamos corrigir nesse período. O plano detalhado sai da auditoria completa, assim que você me contratar. As letras miúdas: você pode me demitir a qualquer hora do dia. Ninguém nunca fez isso.

Send me your URL

Consultoria · Adevinta

Como foi a consultoria de Core Web Vitals na Adevinta

Marktplaats, Subito, Fotocasa e Kijiji

4marketplaces
+27%leads de contato e telefone no Fotocasa
100%das páginas desktop com INP bom, e quase todas no celular também
Quando a Adevinta ligou, liguei para a minha esposa: "Adivinha quem vai acelerar o Marktplaats?" A resposta dela: "Finalmente!"
Kijiji, one of the Adevinta marketplaces

Trabalhei em quatro marketplaces da Adevinta, cada um em um país diferente. Cada equipe tinha uma stack própria e estava em um estágio diferente. O Marktplaats tinha anos de código legado. O Subito usava tecnologias mais novas, mas não tinha nenhum processo de performance. O ponto em comum entre eles era o botão de voltar. Os visitantes alternam entre resultados de busca e anúncios o dia todo. Quando o bfcache falha, cada clique para voltar recarrega a página de resultados, os anúncios carregam de novo e a página pula.

Nem tudo era código. Pessoas saíram, documentações se perderam e ninguém era responsável pela performance. Nos quatro marketplaces, propus cerca de 500 mudanças, e a maioria continua no ar hoje. Também treinei as equipes, para que a solução criada em um marketplace não precisasse ser reinventada no próximo.

O trabalho no Fotocasa virou estudo de caso no web.dev: re-renderizações desnecessárias no React, estado movido para mais perto de onde é usado, analytics tirado do caminho do clique. Os desenvolvedores deles implementaram. Eu encontrei os problemas, organizei as prioridades e validei cada correção.

O que me diferencia

Lento por engano, lento por escolha

A maioria dos conselhos sobre performance trata todo problema da mesma forma: veja a lista, vá lá e corrija. Por isso tantas equipes passam meses trabalhando nessa lista e não veem nada mudar. Eu divido tudo o que deixa um site lento em dois grupos, porque cada um exige uma conversa completamente diferente.

Lento por engano

Existe um jeito mais rápido, e é ele que usamos

Dá para fazer exatamente a mesma coisa de um jeito mais rápido, com ganho em todas as frentes. Uma imagem de 2000px em uma tela de celular de 400px. Um script que bloqueia a renderização quando poderia ter sido adiado. Ou coisas mais complexas, como uma imagem principal que o navegador só encontra depois que o JavaScript roda. Ninguém escolheu isso, simplesmente aconteceu. A gente conversa, alinha e seus desenvolvedores implementam. Simples assim.

Lento por escolha

Alguém escolheu isso. Onde você prefere pagar?

Rastreamento de usuários, um carrossel, um widget de chat. Tudo bem, mas toda escolha tem um preço, e geralmente ninguém decidiu onde pagar. Carregue o rastreamento primeiro e você paga no LCP. Carregue mais tarde e você perde os visitantes que saem antes. Carregue no primeiro clique e você paga no INP. Um carrossel coloca JavaScript entre o visitante e o conteúdo. Então, o que importa mais: a primeira visualização ou o primeiro deslize?

Depois que você define onde quer pagar, consigo otimizar para isso. Se ninguém sabe onde pagar, ninguém sabe para o que está otimizando.

Consultoria de Core Web Vitals

Perguntas que costumo receber

Custos e resultadosTécnicoComo trabalhamosPrazos e anúncios

Custos e resultados

Qual é o ROI esperado de uma consultoria de Core Web Vitals?

Isso depende de quanto dinheiro passa pelo seu site. A Loop Earplugs ficou cerca de 800ms mais rápida no celular e a conversão do checkout subiu 7%. Não posso prometer 7%, mas o RUM mostra o que cada correção fez na métrica, e o seu analytics mostra o impacto na receita. Você terá os dois.

Passar nos Core Web Vitals melhora nosso posicionamento no Google?

Um pouco. Os Core Web Vitals são um fator de ranqueamento, mas pequeno: conteúdo relevante vem primeiro, e a velocidade serve de desempate entre páginas parecidas. O maior ganho vem depois do clique. Um site mais rápido perde menos visitantes e converte mais daqueles que ficam — e isso aparece na sua receita, quer o Google suba seu posicionamento ou não.

Para quem é a consultoria de Core Web Vitals?

Empresas com desenvolvedores próprios, tráfego real e um site onde a velocidade impacta a receita. Principalmente e-commerces, aplicações SaaS onde os cliques parecem lentos e portais de conteúdo com muitos anúncios. Não tem desenvolvedores próprios nem agência trabalhando no projeto? Então uma auditoria ou uma correção pontual é um começo melhor.

Você garante pontuações específicas nos Core Web Vitals?

Não. Quem garante uma pontuação antes de olhar o site está apenas chutando. Meu objetivo é fazer o site passar nos Core Web Vitals no percentil 75 nas páginas que geram receita. É isso que o Google mede e é isso que seus visitantes sentem.

Por que precisamos de um especialista em vez da nossa agência atual?

A maioria das agências faz um pouco de tudo, e a performance é só mais um item na lista. Eu só faço isso. Os problemas mais difíceis raramente estão em um checklist: hidratação no Next.js, dezenas de scripts de terceiros em um site de mídia, anúncios que deslocam o layout quando carregam. Cada um tem sua especialidade. Essa é a minha.

O CoreDash está incluído?

Sim, está incluído na consultoria. Se o seu próprio RUM já mostra qual elemento ou script é lento, podemos usar ele.

Técnico

Com quais stacks de tecnologia você trabalha?

Praticamente todas. Next.js, Nuxt, Magento, Salesforce Commerce Cloud, Shopify, WordPress ou um site em PHP que alguém construiu em 2012. O navegador não se importa com o que gerou a página, e é no navegador que eu atuo. Em uma plataforma hospedada como a Shopify, você não pode alterar a plataforma em si, mas o tema, os aplicativos e os scripts adicionados são seus — e a maioria dos problemas está ali.

Nossa pontuação no PageSpeed é 40. Você consegue chegar a 90?

Essa nota é do Lighthouse: um teste de laboratório em um celular lento simulado. O Google analisa os field data, o que seus visitantes reais enfrentam no percentil 75 — e é nisso que eu trabalho. A nota do Lighthouse geralmente sobe junto, mas não fico correndo atrás dela. Um site pode tirar 95 e ainda assim reprovar nos Core Web Vitals, e vice-versa.

Como você resolve problemas de Interaction to Next Paint (INP)?

Descubro o que roda na main thread quando alguém clica. A API Long Animation Frames (LoAF) me diz qual script e qual função. Depois, dividimos esse trabalho, tiramos ele do caminho ou simplesmente o eliminamos.

Precisaremos reescrever todo o nosso frontend?

Quase nunca. Geralmente o problema são alguns componentes pesados, a ordem de carregamento dos scripts ou como a página faz a hidratação. Ajustar isso custa muito menos do que uma reescrita, e o resultado aparece muito antes.

Qual é a diferença entre o CoreDash e nosso monitoramento atual?

Ainda não tem RUM, ou a sua ferramenta não mostra qual elemento ou script está lento? Então eu adiciono o CoreDash. Ele foi feito exatamente para esse trabalho. Para cada evento de LCP, INP e CLS, ele mostra qual elemento, script ou recurso causou o problema. Você vê o impacto de uma correção em visitantes reais em até um dia, em vez de esperar a média móvel de 28 dias do Google atualizar. E não há limite de quantas URLs você monitora nem de quanto tempo os dados ficam guardados.

Como trabalhamos juntos

Nosso site é feito por uma agência. Funciona?

Sim. Gosto de trabalhar com agências e com todos os outros envolvidos. A agência desenvolve, eu encontro os problemas, organizo as prioridades e valido cada correção, exatamente como faria com a sua própria equipe. Você é a agência? Então veja como trabalho com agências.

Quais são as entregas específicas de um projeto completo?

Diagnósticos em formato de tickets no seu próprio sistema, correções no ar, performance budgets no pipeline de CI/CD, monitoramento e alertas nos dados de RUM, e desenvolvedores que entendem por que tudo funciona.

Como você evita regressões de performance?

De duas formas. Performance budgets no seu pipeline de deploy sinalizam uma build que adiciona deslocamentos de layout ou bloqueia a main thread antes de ir para o ar. E alertas nos dados de RUM avisam quando algo piora. O CoreDash faz checagens a cada hora, mas só dispara um alerta quando há dados suficientes para ter certeza — assim você não perde tempo com falsos positivos. Mesmo assim, você descobre semanas antes do Search Console.

Qual é a diferença entre uma auditoria e a consultoria completa?

A auditoria mostra o que está errado e em que ordem corrigir. A consultoria fica até estar tudo corrigido.

O que acontece depois da consultoria?

Sua equipe assume. Também existe a opção de um retainer, a partir de € 1.500 por mês por cerca de um dia do meu tempo: acompanho seus dados de RUM, aviso quando algo fica mais lento e, a cada trimestre, decidimos os próximos passos.

O que você precisa da gente para começar?

Acesso ao repositório (GitHub, GitLab ou o que você usar), um ambiente de staging e seu analytics. Sem semanas de reuniões de alinhamento. Assim que tiver os acessos, começo o trabalho — e você geralmente recebe os primeiros diagnósticos em até 5 dias úteis.

Prazos e anúncios

Quanto tempo dura a consultoria?

De uma semana a seis meses. Depende do tamanho do problema e da velocidade de entrega da sua equipe. A maioria leva menos tempo do que se espera: 60% dos meus projetos terminam em até um mês. A duração exata fica no escopo, antes de começarmos.

Em quanto tempo veremos melhorias nos Core Web Vitals?

Você vê mudanças nos dados de RUM em até um dia após o deploy. Os números precisam de acessos suficientes para se tornarem representativos, então páginas com muito tráfego mostram o resultado antes das mais calmas. De qualquer forma, você fica sabendo semanas antes do relatório do CrUX do Google atualizar.

Dá para passar nos Core Web Vitals sem remover nossos anúncios ou o analytics?

Sim. Nós não removemos suas tags, mudamos como e quando elas carregam. Os anúncios ainda conseguem cumprir os requisitos de viewability sem bloquear a main thread nem deslocar o layout. DPG Media, Aleteia e Who What Wear mantiveram a receita de anúncios e passaram nos Core Web Vitals.

Consultoria de Core Web Vitals | Arjen Karel Core Web Vitals Consultoria de Core Web Vitals | Arjen Karel