Intermediário
Performance Web: Core Web Vitals, bundle, imagens, CDN e CI
Trilha sobre performance web de ponta a ponta: Core Web Vitals (LCP/INP/CLS) com diagnostico via Lighthouse e web-vitals, Critical Rendering Path (DOM/CSSOM/Render Tree/Layout/Paint/Composite), bundle analysis com Vite/Rollup e code splitting, otimizacao de imagens (AVIF/WebP, srcset) e fonts (font-display, preload), estrategias de cache (Cache-Control, ETag, CDN edge) e automacao em CI (Lighthouse CI, size-limit, perf budgets). Foco no que o dev frontend controla: o que o browser recebe, como renderiza, e como garantir que nao regrida.
// criado por
- Core Web Vitals: LCP, INP, CLS, diagnostico e thresholds
- Critical Rendering Path: HTML, CSS, JS, layout, paint, composite
- Bundle analysis: code splitting, tree shaking, dynamic imports
- Imagens e fontes: AVIF/WebP, srcset, font-display, preload
- CDN e cache: Cache-Control, ETag, edge, stale-while-revalidate
- Performance em CI: Lighthouse CI, size-limit, perf budgets
- Projeto final: auditoria de uma SPA e plano de otimizacao
// avaliação da trilha
—
ainda sem avaliações