Desde o Google I/O, temos trabalhado muito para tornar o Lighthouse um ótimo complemento para a criação de ótimos Progressive Web Apps:
- Recebeu 50 novos contributors para o projeto
- 15 versões enviadas
- Foram adicionados cerca de 20 testes de auditoria adicionais (aproximadamente 50 no total)
Hoje, estamos felizes em anunciar a versão 1.3 do Lighthouse. O Lighthouse 1.3
inclui vários recursos novos e importantes, auditorias e as correções de bugs habituais. Faça a instalação a partir do NPM (npm i -g lighthouse) ou faça o download da extensão na Chrome Web Store.
E as novidades?
Nova aparência
Se você já usou uma versão anterior do Lighthouse, deve ter notado que o logotipo é novo. O relatório HTML e a extensão do Chrome também passaram por uma atualização completa, com uma apresentação mais clara de pontuação e mais consistência nos resultados da auditoria. Também adicionamos informações úteis de depuração quando você falha em um teste e incluímos ponteiros para soluções alternativas recomendadas.
Novas práticas recomendadas
Até o momento, o Lighthouse se concentrou em métricas de desempenho e na qualidade dos PWAs. No entanto, um objetivo geral do projeto é fornecer um guia para todo o desenvolvimento da Web. Isso inclui orientações sobre práticas recomendadas gerais, dicas de desempenho e acessibilidade, além de ajuda completa para criar apps de qualidade.
"Do Better Web" é uma iniciativa do projeto Lighthouse para ajudar os desenvolvedores a fazerem melhor na Web. Em outras palavras, ajude-as a modernizar e otimizar seus aplicativos
da Web. Muitas vezes, os desenvolvedores da Web usam práticas desatualizadas, antipadrões ou enfrentam problemas de desempenho conhecidos sem perceber. Por exemplo, é amplamente conhecido que as animações baseadas em JS precisam ser feitas com requestAnimationFrame() em vez de setInterval(). No entanto, se o desenvolvedor não conhece a
API mais recente, o app da Web é desnecessariamente afetado.
O Lighthouse 1.3 inclui mais de 20 novas práticas recomendadas, que variam de dicas para modernizar os recursos CSS e JavaScript até recomendações de desempenho, como "Reduza o número de recursos bloqueadores de renderização", "Use listeners de eventos passivos para melhorar o desempenho de rolagem".
Continuaremos adicionando mais recomendações com o tempo. Se você tiver sugestões de práticas recomendadas ou quiser nos ajudar a escrever uma auditoria, registre um problema no GitHub.
Visualizador de relatórios
Por último, mas não menos importante, estamos felizes em anunciar um novo visualizador da Web para os resultados do Lighthouse. Acesse googlechrome.github.io/lighthouse/viewer, arraste e solte a saída de uma execução do Lighthouse (ou clique para fazer upload do arquivo) e pronto. o relatório HTML "Insta" do Lighthouse.
O Visualizador do Lighthouse também permite compartilhar relatórios com outras pessoas. Clique no ícone de compartilhamento para fazer login no GitHub. Armazenamos os relatórios como essência secreta na sua conta para que você possa excluir facilmente um relatório compartilhado ou atualizá-lo mais tarde. Usar o GitHub para armazenamento de dados também significa que você tem controle de versão sem custos.
Os relatórios existentes podem ser atualizados pelo visualizador do Lighthouse adicionando ?gist=GIST_ID
ao URL:
Para saber mais sobre todas as novidades do Lighthouse, consulte as notas da versão completas no GitHub. Como sempre, entre em contato para informar bugs, enviar solicitações de recursos ou ter ideias sobre o que você gostaria de ver em seguida.