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

Eu entro na sua equipe e nós deixamos o seu site rápido

Um a três dias por semana, sprint a sprint, trabalhando com os seus desenvolvedores. Eu meço o que os seus visitantes esperam, nós corrigimos nessa ordem, e quando eu saio a sua equipe sabe como mantê-lo rápido. A partir de €6.000 por mês.

Arjen KarelConsultor de performance web desde 2009
Some of the teams I've worked with
Who What Wear Fotocasa eBay Loop Earplugs Adevinta Featured on web.dev
Como funciona

Como é uma consultoria comigo

Quando eu começo nos seus Core Web Vitals, primeiro concordamos sobre o que vamos corrigir. Depois eu faço a auditoria, escrevo os tickets, e junto com os seus desenvolvedores nós deixamos o seu site rápido de novo, em uma 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, usando os seus dados de RUM no percentil 75. Depois disso, eu sei o que causa cada problema, quais importam mais e quais dependem uns dos outros.

  2. Priorização e planejamento

    Algumas correções rendem muito mais do que outras. E algumas só valem a pena depois que outra correção é feita. Não faz sentido otimizar a sua hero image agora se um script causa render blocking na página inteira. E um layout shift minúsculo em uma página que recebe 2% do seu tráfego pode esperar.

  3. Tickets e implementação

    Eu escrevo os tickets no Jira (ou no seu próprio sistema de tickets) e os priorizo. Em cada um, eu descrevo a causa, o efeito e a correção, com exemplos de código. Os seus desenvolvedores constroem a maior parte. Eu faço pair programming com eles nas tarefas difíceis e reviso cada pull request.

  4. Verificações e melhorias de processo

    Eu monitoro o progresso o tempo todo e verifico cada release contra a sua linha de base nos field data. Quando eu sair, a sua equipe conseguirá encontrar um problema, entendê-lo e escolher a correção certa sem mim. Eu também configuro orçamentos de performance no seu pipeline de CI/CD e alertas nos seus dados de RUM. Assim, uma regressão não chega aos seus visitantes sem ser notada.

Preços

Quanto custa a consultoria de Core Web Vitals?

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

1 dia por semana

Constante

Não há nenhum incêndio, mas você é mais lento que os seus concorrentes e você sabe disso.

€6.000/mês
2 dias por semana

Focado

A Black Friday está chegando, ou você está migrando para uma nova plataforma. O dobro do ritmo.

€12.000/mês
3 dias por semana

Com tudo

O Search Console está vermelho e o marketing pergunta o porquê toda semana.

€18.000/mês

Ir mais rápido não custa mais

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

3 × €6.000Constante · 3 meses
=
1 × €18.000Com tudo · 1 mês
O que você recebe
  • Eu e 17 anos de experiência, sem estagiários ou consultores júnior
  • Eu audito o site inteiro, template por template
  • Eu escrevo os tickets, no seu próprio sistema, na ordem certa
  • Eu faço pair programming com os seus desenvolvedores e reviso os pull requests deles
  • Nós verificamos cada correção nos seus field data
  • Você mantém os orçamentos de performance e os alertas quando eu sair
Retenção · após a consultoria

Me mantenha por perto

A maioria das equipes consegue fazer isso sem mim depois. Se você preferir não fazer, você tem cerca de um dia do meu tempo por mês. Eu observo os seus dados de RUM, aviso quando algo fica mais lento, e a cada trimestre decidimos o que fazer em seguida.

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

Começar exige a sua URL e 20 minutos

Preencha o formulário abaixo com o seu site e o que está acontecendo. Ele cai na minha própria caixa de entrada, não com uma equipe de vendas. Quando formos conversar eu já terei olhado o seu site. Assim, gastamos esses 20 minutos no seu site e na sua equipe, não em slides sobre como eu sou ótimo.

  1. Me envie a sua URL

    Me diga o que está te incomodando, e o seu prazo se você tiver um, como a Black Friday ou uma migração. O prazo decide de quantos dias por semana nós precisamos. Eu respondo em um dia.

  2. Eu olho, nós conversamos

    Antes da ligação, eu analiso os seus dados do CrUX e os seus templates principais. Então eu geralmente sei o que está te deixando lento antes de você me contar. Depois nós conversamos por 20 minutos: metade sobre o seu site, metade sobre a sua equipe. Uma correção travada no backlog não deixa nada mais rápido.

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

    Quantos dias por semana, por quanto tempo, e o que nós corrigimos nesse tempo. O plano detalhado sai da auditoria completa, depois que você me contrata. As letras miúdas: você pode me demitir a qualquer hora do dia. Ninguém nunca demitiu.

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 boas no INP, quase todas as mobile também
Quando a Adevinta ligou, eu liguei para a minha esposa: "Adivinha quem vai deixar o Marktplaats mais rápido?" A resposta dela: "Finalmente!"
Kijiji, one of the Adevinta marketplaces

Eu trabalhei em quatro marketplaces da Adevinta, cada um em um país diferente. Cada equipe tinha uma stack diferente e estava em um ponto diferente. O Marktplaats tinha anos de código legado. O Subito tinha tecnologia mais nova, mas nenhum processo em torno de performance. O que eles compartilhavam era o botão de voltar. Os visitantes pulam entre os resultados de busca e os anúncios o dia todo, e quando o bfcache falha, cada clique em voltar recarrega a página de resultados, os anúncios carregam de novo e a página dá saltos.

Nem tudo era código. Pessoas saíram, a documentação se perdeu, e ninguém era o dono da performance. Nos quatro marketplaces eu propus cerca de 500 mudanças, e a maioria delas ainda está no ar hoje. E eu treinei as equipes, para que uma correção que um marketplace construiu não tivesse que ser inventada de novo pelo próximo.

O trabalho no Fotocasa acabou no web.dev: rerenders desnecessários no React, estado movido para mais perto de onde é usado, analytics tirado do caminho do clique. Os desenvolvedores deles construíram. Eu encontrei os problemas, os coloquei em ordem e verifiquei cada correção.

O que me faz diferente

Lento por erro, lento por design

A maioria dos conselhos de performance trata todo problema igual: aqui está a lista, vá corrigir. É por isso que tantas equipes trabalham nessa lista por meses e não veem nada mudar. Eu divido tudo o que deixa um site lento em dois grupos. Cada um precisa de uma conversa completamente diferente.

Lento por erro

Existe um jeito mais rápido, então nós o usamos

Existe um jeito mais rápido de fazer exatamente a mesma coisa, e ele ganha em todos os aspectos. Uma imagem de 2000px na tela de 400px de um celular. Um script que causa render blocking quando poderia ter sido adiado. Ou coisas mais difíceis, como uma hero image que o navegador só encontra depois que o JavaScript roda. Ninguém escolheu isso, simplesmente aconteceu. Nós conversamos sobre isso, concordamos, os seus desenvolvedores constroem. Simples assim.

Lento por design

Alguém escolheu isso. Onde você paga?

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 por isso. Carregue o rastreamento primeiro e você paga no LCP. Carregue depois e você perde os visitantes que saem cedo. Carregue no primeiro clique e você paga no INP. Um carrossel coloca JavaScript entre o seu visitante e o seu conteúdo. Então, o que importa mais: a primeira visualização ou o primeiro swipe?

Quando você souber onde quer pagar, eu posso otimizar para isso. Se ninguém sabe, ninguém sabe para o que está otimizando.

Consultoria de Core Web Vitals

Perguntas que me fazem

Custo e resultadosTécnicoComo trabalhamos juntosPrazos e anúncios

Custo 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 mobile e a conversão do checkout subiu 7%. Eu não posso te prometer 7%, mas o RUM mostra o que cada correção fez com a métrica e o seu analytics mostra o que ela fez com a receita. Você terá os dois.

Passar nos Core Web Vitals vai melhorar nossos rankings no Google?

Um pouco. Os Core Web Vitals são um fator de ranqueamento, mas pequeno: conteúdo relevante vem primeiro, e a velocidade desempata as páginas que estão próximas. O ganho maior está depois do clique. Um site mais rápido perde menos visitantes e converte mais daqueles que ficam. Isso aparece na sua receita independentemente do Google te subir de posição ou não.

Para quem é a consultoria de Core Web Vitals?

Empresas com os seus próprios desenvolvedores, tráfego real e um site onde a velocidade aparece na receita. Principalmente e-commerce, apps SaaS onde os cliques parecem lentos, e publishers com muitos anúncios. Você não tem desenvolvedores próprios e não tem uma agência construindo para você? Então uma auditoria ou uma correção rápida é um começo melhor.

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

Não. Qualquer um que garanta uma pontuação antes de olhar para o seu site está adivinhando. O meu objetivo é passar nos Core Web Vitals no percentil 75 nas páginas que te dão dinheiro. É isso que o Google mede, e é isso que os 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 performance é um item na lista. É só isso que eu faço. Os problemas difíceis raramente estão em um checklist: hydration no Next.js, dezenas de scripts de terceiros em um site de mídia, anúncios que causam layout shift quando carregam. Todos nós temos a nossa especialidade. Esta é 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 em vez disso.

Técnico

Quais stacks de tecnologia você suporta?

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 liga para o que construiu a página, e o navegador é onde eu trabalho. Em uma plataforma hospedada como o Shopify, você não pode mudar a plataforma em si. Mas o tema, os apps e os scripts que eles adicionam são seus, e a maioria dos problemas está ali.

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

Essa pontuação é do Lighthouse: um teste de lab em um celular lento simulado. O Google olha para os field data, o que os seus visitantes reais experienciam no percentil 75, e é nisso que eu trabalho. A pontuação do Lighthouse geralmente sobe ao longo do caminho, mas eu não a persigo. Um site pode pontuar 95 e ainda falhar nos Core Web Vitals, e vice-versa.

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

Eu descubro o que roda na main thread quando alguém clica. A API de Long Animation Frames (LoAF) me diz qual script e qual função. Depois nós dividimos esse trabalho, tiramos do caminho, ou nos livramos dele.

Precisaremos reescrever todo o nosso frontend?

Quase nunca. Geralmente são alguns componentes pesados, a ordem em que os scripts carregam, ou como a página faz o hydrate. Mudar isso custa muito menos do que uma reescrita, e você vê o resultado muito mais cedo.

Como o CoreDash difere do nosso monitoramento atual?

Ainda não tem RUM, ou o seu não consegue mostrar qual elemento ou script é lento? Então eu adiciono o CoreDash. Ele é construído exatamente para esse trabalho. Para cada evento de LCP, INP e CLS, ele mostra qual elemento, script ou recurso o causou. Você vê o que uma correção fez pelos visitantes reais em 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ê rastreia ou por quanto tempo você guarda os dados.

Como trabalhamos juntos

Nosso site é construído por uma agência. Isso funciona?

Sim. Eu gosto de trabalhar com agências, e com todo mundo envolvido. A agência constrói, eu encontro os problemas, coloco em ordem e verifico cada correção, igual com a sua própria equipe. Você é a agência? Então é assim que eu trabalho com agências.

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

Descobertas como tickets no seu próprio sistema, correções no ar, orçamentos de performance no seu pipeline de CI/CD, monitoramento e alertas nos seus dados de RUM, e desenvolvedores que sabem por que tudo isso funciona.

Como você previne regressões de performance?

De duas formas. Orçamentos de performance no seu pipeline de deploy marcam uma build que adiciona layout shifts ou bloqueia a main thread antes de ir ao ar. E alertas nos seus dados de RUM te avisam quando algo piora. O CoreDash verifica a cada hora. Ele só dispara um alerta quando há dados suficientes para ter certeza, para que você não persiga falsos positivos. Você ainda fica sabendo semanas antes do Search Console.

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

Uma auditoria te diz o que está errado e em qual ordem corrigir. A consultoria fica até que seja corrigido.

O que acontece depois da consultoria?

A sua equipe assume. Há também uma retenção, a partir de €1.500 por mês por cerca de um dia do meu tempo: eu observo os seus dados de RUM, te aviso quando algo fica mais lento, e a cada trimestre nós decidimos o que fazer em seguida.

O que você precisa de nós para começar?

Acesso ao seu repositório (GitHub, GitLab, o que você usar), um ambiente de staging e o seu analytics. Sem semanas de reuniões de onboarding. Uma vez que eu estou dentro, eu começo, e você geralmente recebe as primeiras descobertas em até 5 dias úteis.

Prazos e anúncios

Quanto tempo leva uma consultoria?

De uma semana a seis meses. Depende do quanto está errado e do quão rápido a sua equipe faz o deploy. A maioria leva menos tempo do que as pessoas esperam: 60% dos meus engajamentos terminam em menos de um mês. A duração exata fica no escopo, antes de começarmos.

Em quanto tempo veremos melhorias nos nossos Core Web Vitals?

Você vê mudanças nos seus dados de RUM um dia depois do deploy. Os números precisam de visitas suficientes antes de significarem algo, então páginas movimentadas mostram mais cedo do que as paradas. De qualquer forma, você sabe semanas antes do relatório CrUX do Google atualizar.

Podemos passar nos Core Web Vitals sem remover nossos anúncios ou analytics?

Sim. Nós não removemos as suas tags, nós mudamos como e quando elas carregam. Anúncios ainda podem atender aos requisitos de viewability sem bloquear a main thread ou empurrar o layout. DPG Media, Aleteia e Who What Wear mantiveram a sua receita de anúncios e passaram nos Core Web Vitals.

Consultoria em Core Web Vitals | Arjen Karel Core Web Vitals Consultoria em Core Web Vitals | Arjen Karel