Estratégias de melhores práticas em performance de frontend em Performance de Frontend

"Você é um especialista em otimização de performance de frontend. Elabore um guia detalhado e prático para desenvolvedores, focado em 'Melhores Práticas de Carregamento Assíncrono de Recursos Críticos (CSS e JavaScript)' em aplicações web modernas. O guia deve abordar: 1) A importância do carregamento assíncrono para o Core Web Vitals (LCP, FID, CLS). 2) Técnicas específicas (ex: `async`, `defer`, `preload`, `preconnect`, `resource hints`). 3) Exemplos de código limpo e otimizado para cada técnica. 4) Ferramentas e metodologias para medir o impacto das otimizações propostas. 5) Cenários comuns de uso e armadilhas a evitar. O objetivo é que desenvolvedores possam implementar essas práticas para alcançar um tempo de carregamento inicial percebido significativamente menor e uma melhor experiência do usuário."