lighthouse ci

Farol CI

Visão geral

Lighthouse CI é um conjunto de ferramentas que torna a execução, salvamento, recuperação e afirmação contínua dos resultados do Lighthouse o mais fácil possível.

Início rápido

Para começar com as ações do GitHub para configurações de projeto comuns, adicione o arquivo a seguir ao seu repositório GitHub. Siga o guia de primeiros passos para obter instruções e instruções mais completas sobre outros provedores e configurações.

.github/fluxos de trabalho/ci.yml

 name : CI
on : [push]
jobs :
  lighthouseci :
    runs-on : ubuntu-latest
    steps :
      - uses : actions/checkout@v3
      - uses : actions/setup-node@v3
        with :
          node-version : 18
      - run : npm install && npm install -g @lhci/[email protected]
      - run : npm run build
      - run : lhci autorun

Características

• Obtenha um relatório do Lighthouse junto com cada PR.
• Evite regressões em acessibilidade, SEO, suporte offline e práticas recomendadas de desempenho.
• Acompanhe as métricas de desempenho e as pontuações do Lighthouse ao longo do tempo.
• Defina e mantenha orçamentos de desempenho em scripts e imagens.
• Execute o Lighthouse muitas vezes para reduzir a variação.
• Compare duas versões do seu site para encontrar melhorias e regressões de recursos individuais.

Documentação

Se você já estiver familiarizado com a integração contínua e tiver um processo existente, comece com Primeiros passos.

Se você não estiver familiarizado com integração contínua, comece com Introdução à CI.

• Introdução ao CI
• Começando
• Arquitetura
• Solução de problemas/Perguntas frequentes
• Configuração
• Servidor
• Política de Versionamento

Projetos comunitários relacionados

Uma coleção de projetos usando Lighthouse CI escritos pela comunidade. Se você estiver usando o Lighthouse CI em seu projeto de código aberto, abra um PR para adicioná-lo aqui!

• Lighthouse CI GitHub Action - execute automaticamente o Lighthouse CI em cada PR com GitHub Actions, sem necessidade de infraestrutura.

• Exemplo do Lighthouse CI Starter - Um repositório de exemplo mínimo que você pode usar como modelo ao começar do zero, oferece um guia de início rápido para iniciantes usando create-react-app.

• Ação de comparação do Lighthouse CI - uma ação do Lighthouse CI Github que compara a execução de commit atual com o commit ancestral e cria um objeto com as diferenças e uma tabela Markdown que você pode usar para diferentes propósitos.

Guias da comunidade

Uma coleção de postagens de blog não oficiais, tutoriais e guias escritos pela comunidade sobre o uso do Lighthouse CI. Se você escreveu um guia para usar o Lighthouse CI em seu projeto, abra um PR para adicioná-lo aqui!

NOTA: Esta não é uma documentação oficial. Recomendamos que você se familiarize com o Lighthouse CI e leia os Primeiros passos antes de continuar.

• Integre o Lighthouse CI para gerador de sites estáticos - Um artigo sobre a integração do Lighthouse CI com geradores de sites estáticos como Gatsby, Jekyll, etc.
• Automatizando auditorias do Google Lighthouse e carregando resultados para o Azure - Este artigo aborda a configuração do Lighthouse CI para ser executado em um site e o upload dos resultados para um contêiner Docker do servidor Lighthouse CI em execução localmente e no Azure.

Contribuindo

Congratulamo-nos com contribuições para lighthouse-ci! Leia nosso guia de contribuição para começar.