lighthouse ci

Phare CI

Aperçu

Lighthouse CI est une suite d'outils qui facilitent autant que possible l'exécution, la sauvegarde, la récupération et la validation continue des résultats Lighthouse.

Démarrage rapide

Pour démarrer avec les actions GitHub pour les configurations de projet courantes, ajoutez le fichier suivant à votre référentiel GitHub. Suivez le guide de démarrage pour une procédure pas à pas plus complète et des instructions sur d'autres fournisseurs et configurations.

.github/workflows/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

Caractéristiques

• Obtenez un rapport Lighthouse à côté de chaque PR.
• Empêchez les régressions en matière d’accessibilité, de référencement, de support hors ligne et de meilleures pratiques en matière de performances.
• Suivez les mesures de performance et les scores Lighthouse au fil du temps.
• Définissez et maintenez des budgets de performances sur les scripts et les images.
• Exécutez Lighthouse plusieurs fois pour réduire la variance.
• Comparez deux versions de votre site pour trouver des améliorations et des régressions de ressources individuelles.

Documentation

Si vous êtes déjà familier avec l'intégration continue et disposez d'un processus existant, commencez par Mise en route.

Si vous n'êtes pas familier avec l'intégration continue, commencez par Introduction à CI.

• Introduction à l'IC
• Commencer
• Architecture
• Dépannage/FAQ
• Configuration
• Serveur
• Politique de gestion des versions

Projets communautaires connexes

Une collection de projets utilisant Lighthouse CI écrits par la communauté. Si vous utilisez Lighthouse CI dans votre projet open source, ouvrez un PR pour l'ajouter ici !

• Lighthouse CI GitHub Action - Exécutez automatiquement Lighthouse CI sur chaque PR avec GitHub Actions, aucune infrastructure requise.

• Exemple de démarrage Lighthouse CI - Un exemple de dépôt minimal que vous pouvez utiliser comme modèle lorsque vous partez de zéro, propose un guide de démarrage rapide convivial pour les débutants utilisant create-react-app.

• Lighthouse CI Compare Action - Une action Lighthouse CI Github qui compare la validation actuelle avec la validation ancêtre et crée un objet avec les différences et une table Markdown que vous pouvez utiliser à différentes fins.

Guides communautaires

Une collection d'articles de blog non officiels, de didacticiels et de guides rédigés par la communauté sur l'utilisation de Lighthouse CI. Si vous avez rédigé un guide d'utilisation de Lighthouse CI dans votre projet, ouvrez un PR pour l'ajouter ici !

REMARQUE : Il ne s'agit pas d'une documentation officielle. Nous vous encourageons à vous familiariser avec Lighthouse CI et à lire la section Mise en route avant de continuer.

• Intégrer Lighthouse CI pour le générateur de sites Web statiques - Un article sur l'intégration de Lighthouse CI avec des générateurs de sites Web statiques comme Gatsby, Jekyll, etc.
• Automatisation des audits Google Lighthouse et téléchargement des résultats sur Azure - Cet article couvre la configuration de Lighthouse CI pour qu'il s'exécute sur un site Web et le téléchargement des résultats vers un conteneur Docker de serveur Lighthouse CI s'exécutant à la fois localement et dans Azure.

Contribuer

Nous apprécions les contributions à lighthouse-ci ! Lisez notre guide de contribution pour commencer.