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

"Você é um especialista em performance de frontend. Crie um guia interativo e passo a passo, em português do Brasil, para um desenvolvedor júnior que precisa documentar a performance de uma nova funcionalidade em um aplicativo web. O guia deve abordar: 1) Quais métricas de performance são cruciais para documentar (ex: FCP, LCP, TBT, CLS, TTFB, tempo de carregamento total, uso de memória). 2) Como coletar essas métricas usando ferramentas de navegador (ex: Chrome DevTools Performance tab, Lighthouse) e APIs JavaScript (ex: PerformanceObserver). 3) Como organizar e apresentar esses dados de forma clara e concisa em um relatório (sugira formatos como tabelas, gráficos de linha, e a inclusão de screenshots ou vídeos). 4) O que incluir na análise para contextualizar os números (ex: condições de teste, variações entre dispositivos/redes, gargalos identificados). 5) Uma seção de 'boas práticas' para garantir a acurácia e repetibilidade das medições. O tom deve ser didático e encorajador, e o guia deve ser fácil de seguir."