lighthouse ci

Faro CI

Descripción general

Lighthouse CI es un conjunto de herramientas que hacen que ejecutar, guardar, recuperar y afirmar continuamente los resultados de Lighthouse sea lo más fácil posible.

Inicio rápido

Para comenzar con las acciones de GitHub para configuraciones de proyectos comunes, agregue el siguiente archivo a su repositorio de GitHub. Siga la guía de introducción para obtener un recorrido más completo e instrucciones sobre otros proveedores y configuraciones.

.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

Características

• Obtenga un informe Lighthouse junto con cada PR.
• Evite regresiones en accesibilidad, SEO, soporte fuera de línea y mejores prácticas de rendimiento.
• Realice un seguimiento de las métricas de rendimiento y las puntuaciones de Lighthouse a lo largo del tiempo.
• Establecer y mantener presupuestos de rendimiento sobre guiones e imágenes.
• Ejecute Lighthouse muchas veces para reducir la variación.
• Compare dos versiones de su sitio para encontrar mejoras y regresiones de recursos individuales.

Documentación

Si ya está familiarizado con la integración continua y tiene un proceso existente, comience con Introducción.

Si no está familiarizado con la integración continua, comience con Introducción a la CI.

• Introducción a la IC
• Empezando
• Arquitectura
• Solución de problemas/Preguntas frecuentes
• Configuración
• Servidor
• Política de versiones

Proyectos comunitarios relacionados

Una colección de proyectos que utilizan Lighthouse CI escritos por la comunidad. Si está utilizando Lighthouse CI en su proyecto de código abierto, abra un PR para agregarlo aquí.

• Lighthouse CI GitHub Action: ejecute Lighthouse CI automáticamente en cada RP con GitHub Actions, sin necesidad de infraestructura.

• Ejemplo inicial de Lighthouse CI: un repositorio de ejemplo mínimo que puede usar como plantilla al comenzar desde cero y ofrece una guía de inicio rápido para principiantes usando create-react-app.

• Acción de comparación de Lighthouse CI: una acción de Lighthouse CI Github que compara la ejecución de confirmación actual con la confirmación anterior y crea un objeto con las diferencias y una tabla Markdown que puede usar para diferentes propósitos.

Guías comunitarias

Una colección de publicaciones de blogs, tutoriales y guías no oficiales escritas por la comunidad sobre el uso de Lighthouse CI. Si ha escrito una guía para usar Lighthouse CI en su proyecto, abra un PR para agregarla aquí.

NOTA: Esta no es documentación oficial. Le recomendamos que se familiarice con Lighthouse CI y lea Introducción antes de continuar.

• Integre Lighthouse CI para generador de sitios web estáticos: un artículo sobre la integración de Lighthouse CI con generadores de sitios web estáticos como Gatsby, Jekyll, etc.
• Automatización de las auditorías de Google Lighthouse y carga de resultados en Azure: este artículo cubre la configuración de Lighthouse CI para que se ejecute en un sitio web y la carga de los resultados en un contenedor Docker del servidor Lighthouse CI que se ejecuta tanto localmente como en Azure.

Contribuyendo

¡Agradecemos las contribuciones a lighthouse-ci! Lea nuestra guía de contribución para comenzar.