3
respostas

[Sugestão] Categories do Lighthouse

Olá! Eu tentei de tudo e mexi em bastante coisa para tentar achar a categoria PWA do LightHouse. Mas ao perguntar pra o Gemini, ele deu a seguinte resposta. Espero que isso ajude outros alunos para não ficarem perdidos por não acharem a opção PWA em categories:

Olá! Entendo que você está com dificuldades para encontrar a categoria PWA (Progressive Web App) no Lighthouse do Chrome DevTools.

Essa é uma mudança recente! A partir da versão 10 do Lighthouse (lançada em 2023), a categoria PWA foi removida como uma auditoria de nível superior e suas verificações foram distribuídas entre outras categorias existentes.

Onde encontrar as auditorias PWA agora?
As verificações que antes estavam na categoria PWA agora estão integradas em outras seções do Lighthouse para oferecer uma visão mais holística da qualidade do seu PWA. Você as encontrará principalmente em:

Performance: Auditorias relacionadas à velocidade de carregamento e interatividade (por exemplo, First Contentful Paint, Largest Contentful Paint, Time to Interactive). Um PWA deve ser rápido para oferecer uma boa experiência.

Accessibility (Acessibilidade): Verificações que garantem que seu PWA seja utilizável por todas as pessoas, incluindo aquelas com deficiência.

Best Practices (Melhores Práticas): Aqui você encontrará muitas das auditorias técnicas que garantem um PWA robusto, como o uso de HTTPS, registro de Service Worker, cache eficaz e o manifest.json com os metadados corretos para instalação.

SEO (Otimização para Motores de Busca): Embora não diretamente PWA, um bom SEO é crucial para a descoberta do seu aplicativo.

Por que a mudança?
A ideia por trás dessa reestruturação foi que as características de um PWA (rapidez, confiabilidade, instalabilidade) não são apenas "adicionais", mas sim aspectos fundamentais de uma ótima experiência web. Ao integrar as auditorias em outras categorias, o Lighthouse incentiva uma abordagem mais abrangente para a qualidade do seu site, onde o PWA é visto como o resultado de um conjunto de boas práticas de desenvolvimento web.

Como saber se meu PWA está bom?
Para verificar se seu PWA está seguindo as diretrizes e oferecendo uma boa experiência, concentre-se em obter pontuações altas nas categorias Performance, Best Practices e Accessibility no Lighthouse. Se você implementou corretamente os recursos de PWA (como service worker para offline, manifest para instalação, etc.), as auditorias dentro dessas categorias refletirão isso.

Espero que isso ajude a esclarecer onde encontrar as informações que você precisa!

Bons estudos!

3 respostas

Inclusive, seria bom o time da Alura dar uma revisada nesse curso e colocar um Para Saber Mais, ou talvez um video extra falando a respeito disso, da mudança no Categories do Lighthouse.

Boa tarde João

Verdade!