O Lighthouse é uma ferramenta de auditoria de sites que ajuda os desenvolvedores com oportunidades e diagnósticos para melhorar a experiência do usuário nos sites deles.
O Lighthouse 9.0 está disponível imediatamente na linha de comando, no Chrome Canary e no PageSpeed Insights. Ele entrará no Chrome estável no Chrome 98.
Mudanças na API
A maioria dos usuários não deve se deparar com nenhuma mudança interruptiva no fluxo de trabalho nesta versão. Se você executa auditorias personalizadas do Lighthouse ou usa ferramentas que dependem de detalhes avançados no JSON do relatório do Lighthouse, pode haver algumas alterações interruptivas na versão 9.0 que você precisa conhecer.
Veja a lista completa de alterações no registro de alterações 9.0.
Lighthouse para fluxos de usuários
O Lighthouse tem uma nova API de fluxo de usuários que permite testes de laboratório em qualquer ponto da vida útil de uma página.
O Puppeteer é usado para criar scripts de carregamentos de páginas e acionar interações sintéticas do usuário. O Lighthouse pode ser invocado de várias maneiras para capturar insights importantes durante essas interações. Isso significa que o desempenho pode ser medido durante o carregamento da página e durante as interações com ela.
Para mais informações, consulte o tutorial e os exemplos de código dos fluxos de usuário do Lighthouse.
Atualização de relatório
O relatório do Lighthouse foi atualizado para facilitar a leitura e esclarecer a origem e a forma como ele foi gerado.
Uma captura de tela final foi incorporada à parte de cima do relatório para destacar rapidamente se a página que está sendo testada foi carregada corretamente e está no formato esperado.
As informações resumidas na parte inferior do relatório também foram reformuladas para comunicar melhor como o Lighthouse foi gerado e o relatório coletado.
Para acessar o novo relatório em ação, use o Lighthouse 9.0 ou acesse este exemplo de relatório.
Elementos de acessibilidade relacionados
Um problema de acessibilidade comum ocorre quando os elementos que deveriam ser exclusivos em uma página não são. Por exemplo, se o ID referenciado em um atributo aria-labelledby é usado em vários elementos.
O Lighthouse sempre fez um aviso sobre essa situação, mas listaria apenas a primeira instância de um elemento com um ID repetido, o que geralmente causava confusão, porque alguns usuários supuniam que ele estava mostrando todos os elementos que causavam um problema. Como o Lighthouse só estava mostrando um único elemento, ele presumia que se tratava de um bug do elemento sendo sinalizado como duplicado.
No Lighthouse 9.0, todos os elementos que compartilham esse ID agora estão listados:
Essa funcionalidade de "nós relacionados" é fornecida pelo axe-core. Portanto, ela também pode aparecer em outras auditorias de acessibilidade.
Para saber mais, consulte o problema sobre coleta de relatórios de usuários e a solicitação de envio de implementação.
Farol em execução
O Lighthouse está disponível no Chrome DevTools, no NPM (como um módulo do Node e como uma CLI) e como uma extensão do navegador (no Chrome e no Firefox). Ela é usada em muitos serviços do Google, incluindo o web.dev/measure e o PageSpeed Insights.
Para testar a CLI do Node do Lighthouse, use os seguintes comandos:
npm install -g lighthouse
lighthouse https://www.example.com --view
Entre em contato com a equipe do Lighthouse
Para discutir os novos recursos, as mudanças na versão 9.0 ou qualquer outro assunto relacionado ao Lighthouse:
- Informe um problema ou envie feedback no Issue Tracker do Lighthouse no GitHub (em inglês).
- Faça perguntas nos fóruns de discussão do GitHub do Lighthouse.
- Entre em contato com a equipe do Lighthouse pelo Twitter @____lighthouse.