Cómo llevar un registro histórico de los informes Lighthouse

Lighthouse es un proyecto de código abierto del equipo de Google Chrome. Se utiliza para analizar la calidad de la página web en función de un conjunto de métricas modernas "centradas en el usuario".

Al brindar soporte a sitios web que dependen de los resultados de búsqueda orgánicos para obtener ingresos, la calidad es fundamental. El rendimiento, la accesibilidad y las mejores prácticas generales de SEO son factores importantes en la clasificación de los motores de búsqueda.

Lighthouse proporciona un conjunto granular de métricas que representan estos factores y sugerencias de mejora en los informes.

Hay muchas formas de ejecutar Lighthouse, pero en el mundo real es posible que desee comparar informes con regularidad, especialmente en flujos de trabajo de cambio continuo. Dicho esto, es posible que se esté preguntando: ¿cómo puedo realizar un seguimiento de los cambios de SEO, rendimiento y accesibilidad a lo largo del tiempo ?

Esta publicación trata sobre cómo utilizar la verificación automática de Lighthouse para analizar la calidad del sitio web a lo largo del tiempo. Pero tenga en cuenta que hay muchas otras integraciones de Lighthouse para elegir.

Guardar informes y ver resultados en una línea de tiempo

La puntuación Lighthouse es un aspecto interesante de la herramienta que puede parecer un poco sucio al principio. Aún así, puede ser un punto de comparación muy útil al mirar datos históricos.

La categoría de rendimiento en particular es bastante complicada en el cálculo de la puntuación y puede encontrar mucha lectura excelente sobre el tema, entre otros, en web.dev.

Automated Lighthouse Check proporciona un medio para activar auditorías manualmente o establecer un programa en el que se ejecutan automáticamente a lo largo del día. Estas auditorías se guardan en una base de datos para que pueda visualizar y analizar los resultados a nivel histórico. De hecho, puede profundizar en cualquier informe a tiempo para ver todos los detalles (consulte un ejemplo aquí).

Para obtener una guía para comenzar con Automated Lighthouse Check, consulte la documentación.

Lighthouse Automation en DevOps

No solo hay muchas herramientas Lighthouse útiles basadas en la nube, sino que también hay muchos proyectos de código abierto que se pueden implementar en una variedad de flujos de trabajo de DevOps. Algunas de estas soluciones admiten la persistencia de datos de una forma u otra, para realizar un seguimiento histórico.

A continuación se muestran algunos ejemplos a los que he contribuido.

  • Esta publicación cubre cómo usar Lighthouse en CircleCI. Puede guardar informes como "artefactos" en CircleCI o cargarlos en AWS S3 automáticamente.
  • Esta publicación cubre cómo usar Lighthouse en acciones de GitHub. Esta solución también proporciona una forma de guardar informes como "artefactos" (en GitHub) o cargarlos en AWS S3 automáticamente.
  • Lighthouse Persist es un paquete de NPM que expone la API nativa de Lighthouse con opciones adicionales para configurar las credenciales de AWS S3 para que pueda usarse para cargar informes automáticamente.

Conclusión

Espero que esta publicación haya sido útil para brindar soluciones para analizar históricamente la calidad del sitio web. ¿Ayuda a apoyar a sus desarrolladores locales comprando su software?

Pero con toda seriedad, me encantaría cualquier comentario sobre la verificación automática de Lighthouse ... comentarios, sugerencias, solicitudes de funciones, etc. Tiene aproximadamente un año en el momento de escribir este artículo y recientemente se ha migrado a Kubernetes para su alta disponibilidad.

Automated Lighthouse Check ofrece planes gratuitos y premium.