Receba as atualizações e os insights mais recentes do Lighthouse sobre a Conferência de Desenvolvedores do Chrome 2019.
Na palestra Speed Tooling Evolutions (Conferência de desenvolvedores do Chrome) (CDS), Paul Irlanda e eu apresentamos os produtos e recursos mais recentes do Google que podem ajudar você a criar e manter uma experiência excepcionalmente rápida para todos os seus usuários. No centro dessa história estão as adições à família Lighthouse de ferramentas de monitoramento de desempenho.
Versão Alfa do Lighthouse CI
A equipe do Lighthouse lançou a versão Alfa do Lighthouse CI, o novo produto de integração contínua que permite executar o Lighthouse em cada confirmação antes de enviar para produção. O Lighthouse CI executa o Lighthouse várias vezes, declara limites de métricas ou auditorias estáticas e, em seguida, faz upload dos relatórios do Lighthouse em um servidor para diferença visual e histórico básico de pontuação por categoria. As configurações de orçamentos.json atuais funcionam perfeitamente com a nova sintaxe expressiva para declarar qualquer resultado de auditoria ou categoria do Lighthouse.
![Relatório do Lighthouse CI.](https://web.dev/static/blog/lighthouse-evolution-cds-2019/image/lighthouse-ci-report-25b1458e58de9.png?authuser=6&hl=pt)
O Lighthouse CI é compatível com Travis CI, Circle CI e GitHub Actions prontos para uso e com qualquer serviço de CI baseado em Ubuntu ou contêiner com alguma configuração. É possível instalar o servidor de CI do Lighthouse no local ou usar uma imagem Docker para configuração instantânea. O armazenamento de relatórios sem custo financeiro, público e temporário do Lighthouse está disponível como alternativa para começar imediatamente.
Em breve: atualizações da pontuação de desempenho
Em breve, haverá mudanças na versão 6 da pontuação de desempenho do Lighthouse. Na versão 5 (desde novembro de 2019), o Lighthouse tem cinco métricas ponderadas e combinadas para formar a pontuação de desempenho de 0 a 100: Primeira exibição de conteúdo, Índice de velocidade, Primeira exibição significativa, Tempo para interação da página e Primeira CPU inativa.
![Comparação das fórmulas de pontuação de desempenho do Lighthouse nas versões 5 e 6.](https://web.dev/static/blog/lighthouse-evolution-cds-2019/image/comparison-lighthouse-pe-488df5972139f.png?authuser=6&hl=pt)
Consulte Pontuação de desempenho do Lighthouse para informações detalhadas.
Na versão 6 do Lighthouse, novas métricas, Maior exibição de conteúdo (LCP) e Tempo total de bloqueio (TBT, na sigla em inglês), estão substituindo a Primeira CPU inativa (FCI) e a Primeira exibição significativa (FMP, na sigla em inglês). Os pesos de cada uma das cinco métricas serão ajustados para equilibrar melhor as diferentes fases das medidas de carga e interatividade.
A equipe do Lighthouse ainda está trabalhando para garantir que todas as curvas de pontuação sejam ajustadas e que as métricas estejam maduras e totalmente testadas. A meta é fornecer a pontuação de desempenho do Lighthouse v6 em janeiro de 2020.
Kits de empilhamento do Lighthouse
O Lighthouse pode detectar automaticamente se os sites usam um framework ou um sistema de gerenciamento de conteúdo (CMS) e incluir recomendações específicas da pilha no relatório. Os pacotes de pilha adicionam recomendações personalizadas, selecionadas por especialistas da comunidade (como você), além das auditorias principais dos relatórios do Lighthouse.
![Recomendação de relatório do Lighthouse para adiar imagens fora da tela em aplicativos React.](https://web.dev/static/blog/lighthouse-evolution-cds-2019/image/lighthouse-report-recomme-aa3fa998f1d3d.png?authuser=6&hl=pt)
No momento, há pacotes de pilha para Angular, WordPress, Magento, React e AMP. Para criar seu próprio pacote de pilha, acesse o repositório do GitHub (link em inglês) ou entre em contato com a equipe do Lighthouse.
Em breve: plug-ins do Lighthouse como extensões do Chrome
![Ícone do plug-in do Lighthouse.](https://web.dev/static/blog/lighthouse-evolution-cds-2019/image/lighthouse-plugin-icon-9256520652376.png?authuser=6&hl=pt)
Os plug-ins do Lighthouse são outra maneira de aproveitar a extensibilidade do Lighthouse. Há muitas verificações de qualidade que as auditorias principais do Lighthouse não cobrem atualmente, seja porque são aplicáveis apenas a um subconjunto de desenvolvedores ou porque a equipe ainda não teve largura de banda para criar as auditorias.
Os plug-ins do Lighthouse permitem que os especialistas da comunidade implementem um novo conjunto de verificações que o Lighthouse pode executar e adicionar ao relatório como uma nova categoria. No momento, os plug-ins só funcionam na CLI do Lighthouse, mas o objetivo é também ativar a execução deles no painel Auditorias do DevTools.
![Painel de auditorias do Chrome DevTools com opções para executar plug-ins do Lighthouse para anúncios do editor do Google e experiência do usuário.](https://web.dev/static/blog/lighthouse-evolution-cds-2019/image/chrome-devtools-audits-pa-22f29f36658cd.png?authuser=6&hl=pt)
Quando os usuários instalam as extensões de plug-in do Lighthouse na Chrome Web Store, o DevTools identifica os plug-ins instalados e os oferece como uma opção no painel Auditorias. A equipe do Lighthouse criará o suporte para a abordagem de plug-in nos próximos meses. Então, fique de olho. Enquanto isso, você pode criar um plug-in hoje mesmo como um módulo de nó e torná-lo acessível a todos os usuários do Lighthouse pela CLI.
Saiba mais
Para mais detalhes sobre o Lighthouse e outras atualizações de ferramentas de desempenho do CDS 2019, assista à palestra sobre evoluções das ferramentas Speed:
Seu feedback é muito importante para melhorar o Lighthouse, então experimente o Lighthouse CI, crie um Stack Pack ou crie um plug-in Lighthouse) e envie sua opinião.