Qué es Google Lighthouse y cómo utilizarlo

Problema: calidad de la página desconocida y qué solucionar

Los equipos luchan por evaluar la calidad de la página en términos de velocidad, accesibilidad, SEO y corrección técnica.

Las comprobaciones manuales pasan por alto problemas y producen resultados inconsistentes en todos los dispositivos y redes.

Lighthouse resuelve esto con auditorías repetibles que revelan problemas específicos que se pueden solucionar y respaldan la priorización.

Los equipos pueden probar páginas clave para gestionar la calidad del sitio a través de resultados a nivel de página y comprobaciones de CI (integraciones continuas).

Explicación: qué es Lighthouse

Lighthouse es una herramienta de auditoría automatizada de código abierto para páginas web.

Puedes ejecutarlo en cualquier página, incluidas páginas públicas y páginas que requieren autenticación.

Evalúa rendimiento, accesibilidad, mejores prácticas y SEO.

También incluye comprobaciones progresivas de aplicaciones web cuando correspondan.

Lighthouse genera un informe puntuado para cada categoría y enumera las comprobaciones que realizó.

Cada auditoría incluye una explicación de por qué es importante y orientación sobre cómo solucionar los fallos.

Lighthouse genera un informe legible por humanos y también puede generar JSON para compartirlo y automatizarlo.

Mecanismo: cómo Lighthouse ejecuta auditorías y genera un informe

Proporcionas una URL o un contexto de página e inicias una auditoría.

Lighthouse carga la página, ejecuta un conjunto de auditorías contra esa carga y luego crea un informe a partir de los datos recopilados.

El informe muestra puntuaciones de categorías en una escala de 0 a 100 y enumera las auditorías aprobadas y reprobadas.

Las auditorías fallidas apuntan a cambios concretos que mejoran el rendimiento, la accesibilidad, las mejores prácticas o el SEO.

Cada auditoría enlaza con contenido de referencia que explica el objetivo y la solución.

Las puntuaciones pueden variar entre ejecuciones porque el entorno y el estado de la página pueden cambiar, por lo que los equipos deben repetir las pruebas y comparar tendencias.

Implicación: dónde encaja Lighthouse frente a PageSpeed Insights y cómo los equipos utilizan los resultados

Puedes ejecutar Lighthouse en Chrome DevTools, desde la línea de comandos, como un módulo de Nodo o mediante PageSpeed Insights.

PageSpeed Insights proporciona una interfaz de usuario web que ejecuta Lighthouse para una URL pública.

Los equipos ponen en funcionamiento Lighthouse activando los cambios con Lighthouse CI para evitar regresiones.

Los equipos comparten informes con Lighthouse Viewer cargando JSON o guardando informes como registros de GitHub para el historial de versiones.

Acción: elige un flujo de trabajo, ejecuta una auditoría y comparte resultados

Utilice DevTools para páginas locales y flujos autenticados.

Utilice CLI o Lighthouse CI para realizar comprobaciones de automatización y regresión.

Utilice PageSpeed Insights para realizar una auditoría rápida de una URL pública.

Utilice la extensión solo cuando DevTools no se ajuste a su flujo de trabajo.

DevTools: abra la página en Chrome, abra DevTools, abra el panel Lighthouse, haga clic en Analizar carga de página, seleccione categorías y luego haga clic en Ejecutar auditoría.

CLI: instale Node LTS, ejecute npm install -g lighthouse y luego ejecute lighthouse.

Ejecute lighthouse –help para ver las opciones.

PageSpeed Insights: abre pagespeed.web.dev, ingresa la URL y luego haz clic en Analizar.

Extensión: instale la extensión Lighthouse, abra la página, haga clic en el icono de Lighthouse y luego haga clic en Generar informe.

Prefiere DevTools porque admite sitios locales y páginas autenticadas.

Compartir resultados: exporte JSON desde un informe o ejecute lighthouse –output json –output-path .

Abre googlechrome.github.io/lighthouse/viewer y sube el JSON, o guárdalo como un resumen de GitHub desde el Visor para realizar un seguimiento de los cambios.

Preguntas frecuentes

¿Qué puntuación de Lighthouse debería corregir primero?

Comience con fallas relacionadas con el impacto en el usuario y las páginas de ingresos, especialmente problemas de rendimiento, accesibilidad, rastreabilidad y SEO en plantillas que afectan a muchas URL.

¿PageSpeed Insights es lo mismo que Lighthouse?

PageSpeed Insights utiliza Lighthouse para auditorías de laboratorio, pero es un flujo de trabajo web para URL públicas.

Lighthouse también se puede ejecutar localmente, en DevTools, desde CLI o en CI.

¿Con qué frecuencia debo ejecutar Lighthouse?

Ejecútelo antes de los lanzamientos principales, después de cambios de plantilla y en una muestra recurrente de páginas importantes para que las regresiones no permanezcan ocultas.

¿Puede una puntuación perfecta de Lighthouse garantizar la clasificación?

No.

Lighthouse ayuda a encontrar problemas técnicos y de experiencia, pero las clasificaciones también dependen de la relevancia, la calidad del contenido, la autoridad, la intención y la competencia.