Como desenvolver documentação em performance de frontend em Performance de Frontend

Crie um guia interativo e dinâmico, com exemplos práticos de código e demonstrações visuais (simulando um ambiente de desenvolvimento real), para desenvolvedores frontend. Este guia deve detalhar as melhores práticas e padrões para documentar otimizações de performance em aplicações web. Inclua seções sobre:

1. **Como documentar métricas de performance:** Explicando quais métricas (LCP, FID, CLS, TBT, etc.) são relevantes, como coletá-las e como apresentá-las de forma clara e concisa na documentação.
2. **Estratégias de otimização documentáveis:** Abordando técnicas como lazy loading, code splitting, otimização de imagens, caching e minificação, e como descrever sua implementação e impacto na performance.
3. **Ferramentas e fluxos de trabalho para documentação de performance:** Sugerindo ferramentas (ex: Lighthouse, WebPageTest, Chrome DevTools) e processos para integrar a documentação de performance no ciclo de vida de desenvolvimento.
4. **"Troubleshooting" e depuração de performance documentados:** Explicando como documentar problemas de performance encontrados, as causas raiz e as soluções aplicadas, criando um histórico de aprendizado para a equipe.

O guia deve ser acessível a desenvolvedores de diferentes níveis de experiência e incentivar a contribuição contínua para a documentação, promovendo uma cultura de performance na equipe.