Medição & Core Web Vitals
Galho 1 da trilha Web Performance. A porta de entrada do domínio: como medir performance web e o que as métricas significam. Cobre os três Core Web Vitals (LCP, INP, CLS), a diferença entre medição de laboratório e de campo, as ferramentas do Google (Lighthouse, PageSpeed, CrUX), como instrumentar usuários reais (RUM com a lib web-vitals), as métricas de apoio, e como transformar tudo isso em orçamento de performance e diagnóstico.
A aposta do galho — e do domínio: você não otimiza o que não mede.
Fase Iniciado
- 01 — Por que performance importa — impacto no usuário, no negócio (bounce/conversão) e no SEO; a aposta do domínio
- 02 — Os três Core Web Vitals — LCP, INP, CLS: o que cada um mede + thresholds. Nota-âncora
- 03 — Lab vs Field — medição sintética vs dados de usuários reais (RUM); por que divergem
Fase Adepto
- 04 — Lighthouse e PageSpeed Insights — auditoria lab, ler o relatório e o performance score
- 05 — CrUX e dados de campo — Chrome UX Report, field data, o sinal de ranking do Google
- 06 — Instrumentando RUM — a lib
web-vitals, coletar métricas de usuários reais - 07 — Métricas de apoio — TTFB, FCP, TBT, Speed Index e como se ligam aos CWV
Fase Magus
- 08 — Performance budgets e diagnóstico — orçamentos, priorização, DevTools Performance panel; ponte pros Galhos 2 e 3. Capstone
Próximo galho
G2 — Performance de Carregamento (a construir) — critical rendering path, resource hints, imagens, fontes, compressão, cache/CDN. Aprofunda o LCP que este galho ensina a medir.