Solucionado
Mesmo aplicando tudo que foi ensinado até o momento (suspense com lazy import, React.memo e useMemo) o impacto foi quase zero no lighthouse. Inclusive se rodo o lighthouse na branch main, onde o codigo não apresenta nenhuma tentativa de otimizar a performance da aplicação, o resultado é 73/74. Mas quando mudo a branch para aula 4.3, o resultado fica entre 75/76. Com muito sufoco, tentando repetir a analise varias vezes, chega a 77. É normal isso?
Olá Yuri.
Tudo bem?
É totalmente normal que o impacto no Lighthouse seja quase nulo quando você aplica otimizações como React.memo, useMemo e lazy com Suspense.
Vamos tentar entender:
O Google Lighthouse é uma ferramenta de auditoria de performance geral da página web, e seus principais indicadores são:
Ou seja, ele mede performance do carregamento inicial da página, e não tanto a performance de renderizações internas do React depois que o app já está carregado.
Essas ferramentas atuam no runtime do React, não na entrega inicial da aplicação.
React.memo → evita re-renderizações desnecessárias de componentes.useMemo → evita reexecuções de cálculos pesados.lazy + Suspense → melhora o carregamento do código JavaScript (code-splitting).Mas:
Por isso, o ganho de 73 - 76 no score já é o máximo esperado.
Em um app real, com dezenas de componentes e bundles grandes, o impacto dessas práticas é muito maior.
Para ver o efeito das otimizações do React, use ferramentas específicas de análise de renderização, como:
Essas ferramentas vão mostrar reduções reais no tempo de renderização, mesmo que o Lighthouse não mude quase nada.
Seu resultado está totalmente dentro do esperado.
Essas otimizações melhoram o comportamento do React em runtime, mas não necessariamente o score do Lighthouse, especialmente em projetos pequenos de demonstração.
Qualquer duvida comente ai.
Bons estudos.