Performance frontend para SEO: dos fundamentos ao avançado
Otimizações de frontend que afetam ranking — bundle splitting, font loading, preload, prefetch e service workers.
Performance frontend não é só UX — é fator de ranking direto via Core Web Vitals. Otimizações certas em bundle, fontes e cache reduzem LCP em 60%+ e INP em 40%+.
Bundle splitting
Code splitting por rota, dynamic imports para componentes pesados, e tree shaking agressivo. Bundle inicial < 100kb.
Font loading
Preload das fontes críticas, font-display: swap, subset para caracteres usados, woff2 sempre.
Resource hints
Preconnect para origens externas, prefetch para próximas rotas prováveis, preload para LCP image.
Service worker
Cache de assets estáticos, offline para retorno, atualização em background. PWA básico ajuda CWV.
Principais takeaways
- Bundle inicial < 100kb é a meta
- Font preload economiza 300ms+ no LCP
- Service worker melhora retorno
Perguntas frequentes
SSR é obrigatório para SEO?
Não, mas ajuda muito em sites JS-heavy. SSG ou ISR funcionam igual.
Pronto para aplicar?
Gere artigos como estes em segundos com IA e publique no WordPress.
Começar grátis