Puxe dados de campo primeiro, porque as notas de laboratório escondem o que usuários reais em dispositivos reais experimentam. O LCP normalmente é uma imagem de destaque ou uma fonte que bloqueia a renderização, então faça preload da imagem, sirva formatos modernos e defina dimensões explícitas. O CLS vem de mídia sem tamanho e de banners injetados. O INP vem de tarefas longas de JavaScript, então divida o código, adie scripts de terceiros e corte trabalho de hidratação. Meça de novo depois de cada mudança.
Por que os entrevistadores perguntam isso
Trabalho de performance premia disciplina em vez de esperteza, e o entrevistador quer ver você diagnosticar antes de otimizar. Ele está escutando as três métricas e as causas reais delas, a distinção entre dados de laboratório e de campo, e se você trataria os scripts de terceiros, que é onde a maioria dos sites de marketing se perde. Um candidato que nomeia um ciclo de medição passa a impressão de quem já entregou melhorias reais.
Como estruturar sua resposta
- Comece por dados de campo em vez de uma nota de laboratório.
- Mapeie cada métrica para a causa raiz habitual dela.
- Escolha primeiro a correção de maior impacto.
- Feche o ciclo medindo de novo e protegendo no CI.
Exemplo de resposta
Notas de laboratório fazem as pessoas otimizarem a coisa errada, então eu começo com dados de campo de sessões reais, separados por dispositivo e conexão. Depois eu pego cada métrica na vez dela. O LCP quase sempre é a imagem de destaque ou uma fonte bloqueando a renderização, então eu faço preload da imagem, sirvo AVIF ou WebP no tamanho certo, e uso font-display swap com um preconnect para o host da fonte. O CLS normalmente é imagem sem width e height ou um banner de cookies se injetando acima da dobra, os dois baratos de corrigir depois que você sabe. O INP é o difícil, porque significa que a main thread está ocupada quando alguém toca na tela. É ali que eu olho as tarefas longas, adio analytics e widgets de chat para depois da interação, e corto JavaScript que não precisa estar lá. Em um site o maior ganho isolado foi mover três tags de marketing para carregarem depois da primeira interação, o que levou o LCP de uns 4,1 segundos para 1,9 no mobile. Depois eu adiciono um orçamento de tamanho de bundle no CI para não regredir em silêncio duas sprints depois.
Vai encarar essa entrevista em breve? O GhostPilot escuta a sua chamada ao vivo, identifica a pergunta no instante em que ela é feita e coloca uma resposta estruturada na sua tela em tempo real. Teste na sua próxima entrevista simulada ou pegue um Session Pass de $29, sem assinatura, para a hora da verdade.
Veja como funcionaPerguntas de acompanhamento que você pode esperar
- Por que os números de laboratório e de campo podem discordar tanto?
- Como você lida com uma tag de terceiro em que o time de marketing insiste?
- Como você imporia um orçamento de performance no pipeline?
Mais perguntas para Desenvolvedor Full Stack
Seu entrevistador vai fazer a própria versão desta. Cole a descrição real da vaga no Question Predictor gratuito e receba as 20 perguntas que essa vaga tem mais chance de fazer, com o que cada uma está de fato sondando.
Prever minhas perguntas