Arjen Karel, consultor de Core Web Vitals
Para um problema, ou uma primeira olhada

power hour de Core Web Vitals

Uma hora em uma chamada, no seu próprio site. Preço fixo, anotações por escrito. Eu olho seu field data antes de conversarmos.

Arjen KarelConsultor de performance web desde 2009
Some of the teams I've worked with
SNV DPG Media Who What Wear Loop Earplugs Erasmus MC Featured on web.dev
Para quem é

Pule as semanas de tentativa e erro

Geralmente é uma imagem atrasada, uma fonte que troca ou um script na main thread. Qual deles, e por que, é diferente em cada site. Eu já vi a maioria deles antes, então sei onde olhar primeiro.

  1. Por onde começar

    Métricas vermelhas e nenhuma ideia por onde começar

    O Search Console lista algumas centenas de URLs ruins enquanto o PageSpeed Insights te dá um 98. Verifique em qual aba você está: esse 98 geralmente é desktop, e é um lab data de qualquer forma. O Google ranqueia pelo field data no topo do relatório, e no mobile isso frequentemente é vermelho. Eu te mostro qual grupo de páginas puxa o relatório para baixo e qual template corrigir primeiro.

  2. Seu plano

    Vinte itens, todos marcados como importantes

    Sua agência enviou uma lista. Reduza o JavaScript não utilizado, minifique o CSS, sirva imagens em formatos de última geração e mais dezessete. Eu comparo isso com o seu field data. Minificar o CSS economiza alguns kilobytes e nenhum dos seus visitantes vai notar. Frequentemente apenas dois ou três itens importam agora.

  3. Um elemento

    O elemento de LCP que ainda está atrasado

    "Você pode nos ajudar a corrigir o elemento de LCP de 7,3s na nossa homepage?" É a hero image, comprimida e com preload, e ainda aparece tarde. Geralmente o navegador encontra a imagem tarde demais: é um background em CSS, um script de slider a adiciona, ou o preload pede um tamanho diferente da imagem na página. Nós encontramos o LCP no painel de Performance e refazemos o caminho até o que atrasou a requisição.

  4. Sua correção

    Por que nossa correção não está funcionando?

    As alterações foram ao ar há duas semanas e o Search Console ainda diz que falhou. O Search Console mostra os últimos 28 dias, então metade do que ele mostra ainda é o site antigo. Às vezes a correção nunca chegou aos seus visitantes: a CDN ainda serve o HTML antigo, ou a correção foi para o template de desktop e o mobile usa outro. Um RUM como o CoreDash mostra qual deles no dia seguinte a um lançamento. Sem RUM, verificamos sua tendência no CrUX e o HTML que sua CDN serve.

Como funciona

Como é um power hour comigo

Um power hour é para um problema. Um layout shift em um template quase sempre cabe em uma hora. O INP em uma loja React com quarenta scripts, não. Isso é uma auditoria. O Search Console não estará verde quando desligarmos, mas você saberá por que está vermelho e o que corrigir primeiro.

Um problema, do relatório à causa.
  1. Sua pergunta primeiro

    Me envie o problema. Antes da chamada, eu olho seu p75 para o LCP, o INP e o CLS no mobile, qual grupo de páginas o Search Console aponta, e se ele está falhando há um ano ou desde o último lançamento. Uma queda repentina aponta para um deploy, um declínio lento aponta para scripts de terceiros se acumulando.

  2. Uma hora, no seu site

    Nós compartilhamos uma tela e gravamos um trace no painel de Performance do Chrome. Nós encontramos o LCP lento ou o toque lento e refazemos o caminho até o que causou isso. Traga seu desenvolvedor se você tiver um. Isso evita que você tenha que explicar tudo de novo amanhã. Se uma agência constrói seu site, traga-os também. O conselho de alguém que eles nunca conheceram é mais fácil de ignorar.

  3. As anotações

    Em um dia você recebe o que encontramos: a causa, o efeito e a correção, na ordem para construí-los. Escrito para que seu desenvolvedor ou agência possa trabalhar a partir disso sem ter participado da chamada.

  4. O que vem depois, se houver

    Às vezes é uma linha, como loading="lazy" na imagem de LCP ou um fetchpriority="high" faltando. E pronto. Se houver mais coisas acontecendo, eu te direi o que eu faria em seguida. Muitas vezes é apenas o seu próprio desenvolvedor com as anotações.

Preços

Quanto custa um power hour de Core Web Vitals?

€350, fixo. Isso inclui as anotações depois. Precisa de uma segunda hora? Agende outra. Contrate uma auditoria em até um mês e eu desconto os €350 do preço da auditoria.

O que você recebe
  • Eu, e 17 anos encontrando esses problemas
  • Seu p75 no mobile verificado antes da chamada
  • Uma hora em uma chamada, no seu próprio site
  • Seu desenvolvedor na chamada, se você quiser
  • Tudo que encontramos, por escrito, na ordem para construir
  • O valor conta para uma auditoria
power hour de Core Web Vitals

Um problema, uma hora

A preparação antes da chamada está incluída.

€350 sem IVAanotações em até um dia
Arjen Karel

Agende um power hour

Me envie sua URL e o problema.

  1. Me diga o que está acontecendo

    O que está lento, e o que você já tentou. Se houver um prazo, como Black Friday ou um lançamento, mencione.

  2. Nós agendamos um horário

    Eu respondo em até um dia com alguns horários que funcionam para mim. Você escolhe um.

  3. Eu me preparo e respondo suas perguntas

    Antes da chamada eu analiso seu field data e gravo um trace das páginas que você enviou. Quando formos conversar, eu já sei o que está acontecendo. Então, é uma hora em uma chamada de vídeo: você pergunta, eu respondo, e seu desenvolvedor é bem-vindo a participar. As anotações chegam em até um dia.

Book a power hour

Power hour · gmbapi

Como foi um power hour na gmbapi

Uma empresa de SEO local com um site novo

1,9sde LCP no CrUX, era 5s
150msde INP no CrUX, era 220ms
0,00de CLS no CrUX, era 0,08

A gmbapi é uma empresa de SEO local, e das boas. Seus desenvolvedores tinham acabado de construir um ótimo site novo e queriam que eu o revisasse com eles. Eles são abertos a uma conversa direta sobre o próprio trabalho. Agendamos uma hora e acabamos conversando um pouco mais.

Do topo ao final da página, eu os guiei pelos tempos da página e apontei alguns problemas: alguns layout shifts, algumas interações lentas e algumas coisas que atrasavam o LCP. Eles corrigiram tudo. O LCP foi de 5 segundos para 1,9 e a resposta do servidor de 3 segundos para 700 milissegundos. Os layout shifts sumiram.

Power Hour de Core Web Vitals

Perguntas que recebo

O power hourAntes e depois

O power hour

O que é um power hour de Core Web Vitals?

Uma chamada de vídeo de uma hora sobre um problema no seu site. Você recebe as anotações por escrito depois.

Esta é uma chamada de vendas?

Não. Você está pagando pela hora, então nós a gastamos no seu site. Se eu achar que você precisa de uma auditoria, eu menciono no final e paramos por aí.

Não sou técnico. Isso é para mim?

Sim. Eu explico o que está errado de forma simples, e as anotações dizem o que pedir ao seu desenvolvedor ou agência.

Você pode consertar isso durante a chamada?

Às vezes, se o seu desenvolvedor estiver na chamada e a correção for pequena. Coisas maiores vão nas anotações, na ordem para construí-las.

Alguém nos prometeu uma pontuação de 90+. Você pode verificar isso?

Sim. Um 90 no Lighthouse e passar no Core Web Vitals são duas coisas diferentes. Alguns plugins conseguem o 90 segurando seus scripts por alguns segundos. Isso engana o teste e não faz nada por visitantes reais. Eu te mostro qual deles te venderam.

Antes e depois

O que você precisa de nós?

Sua URL e sua pergunta. Se você tem RUM, Search Console ou analytics, compartilhe sua tela durante a chamada. Você não precisa me dar acesso a nada.

Uma hora é o suficiente?

Para um problema, geralmente sim. Se não for, nós dois saberemos até o final da hora. Então você agenda uma segunda, ou nós conversamos sobre uma auditoria.

Como isso é diferente de uma auditoria?

Um power hour é um problema, em uma chamada. Uma auditoria é o site inteiro, template por template, com um relatório escrito que seu desenvolvedor usa para construir. Não tem certeza de qual você precisa? Comece com a hora. Contrate uma auditoria em até um mês e os €350 saem do preço.

A chamada é gravada?

Se você quiser. Diga isso quando agendar.

Sessão Intensiva de Core Web Vitals | Arjen Karel Core Web Vitals Sessão Intensiva de Core Web Vitals | Arjen Karel