Back to field notes

Lighthouse CI me fez ficar louco

Um relato dos problemas que encontrei ao otimizar meu portfólio e medir seu desempenho com Lighthouse.

Como eu tive problemas para otimizar meu site com Lighthouse

Nunca havia visto um framework tão rígido assim

Esses dias produzindo e melhorando meu portifólio enquanto procurava ideias para estilizar, decidi inserir tecnologias de Quality Assurance (QA).

Para melhorar a situação, cheguei em um momento que estava com Jeqt, Vitest, Lighthouse, Playwright, Eslint, Jscpd e Lizard

Produzindo testes E2E, Inserindo até mesmo Storybook, essas decisões totalmente over-engineered quebraram meu código diversas e diversas vezes, para chegar a marca de 100% no lighthouse.

Mesmo com diversos scripts para facilitar a automação, ainda tive a coragem de me desafiar

Porém, atualmente encontrei dificuldades para chegar ao 100% novamente nos resultados

Motivos que estou utilizando o lighthouse: exige que você otimize bem seu site, as métricas fazem sentido, porém somado ao Next.js, um framework Slop-Generated se transforma em um caos

Analise meu sofrimento

Print

Fiquei com um Tick absurdo para chegar a 100 em todos os scores, porém sempre tinha algo para melhorar, como qualquer desenvolvedor faria, pesquisei e analisei que meu agente e testes estavam desconsiderando o cache podre do Next.js, quem diria..

Tive que alterar o layout, páginas, imagens, coverages, typewriter e afins, mais um dia existindo graças aos

Next