Auditoría HTML con Lighthouse

Lighthouse es una herramienta de auditoría automatizada integrada en Chrome DevTools (pestaña Audits) que puntúa una página en Performance, Accessibility, Best Practices, SEO y PWA. Ejecuta una auditoría de la página en el navegador, toma mediciones y produce sugerencias prácticas.

En Chrome DevTools, cambie a Lighthouse, seleccione las categorías, elija Desktop o Mobile y haga clic en "Analyze page load". La herramienta vuelve a cargar la página en un entorno limpio y genera un informe en menos de un minuto.

Performance mide las Core Web Vitals y otras métricas de velocidad. Accessibility comprueba reglas alineadas con WCAG. Best Practices abarca la seguridad y los estándares web modernos. SEO comprueba que el marcado se pueda rastrear. PWA verifica que la aplicación se pueda instalar y funcione sin conexión.

La auditoría de Accessibility detecta: texto alt ausente, etiquetas de formulario ausentes, bajo contraste de color, atributo de idioma ausente, ids duplicados, regiones de referencia ausentes y elementos enfocables sin compatibilidad con el teclado. Cada problema incluye un enlace a instrucciones detalladas para corregirlo.

Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), Total Blocking Time (TBT) y Speed Index. Cada métrica recibe una puntuación y un peso para calcular la puntuación general de Performance. Lighthouse muestra qué elementos del DOM contribuyen más a cada métrica.

Comprueba el uso de HTTPS, los errores de consola, las proporciones de las imágenes, las API obsoletas y el contenido mixto. La auditoría de Best Practices detecta una amplia variedad de patrones heredados o inseguros que deberían modernizarse.

Detecta la ausencia de la meta descripción, la ausencia o duplicación de <title>, problemas con robots.txt, enlaces sin texto descriptivo, la ausencia de la metaetiqueta viewport y problemas con hreflang. Combine el SEO de Lighthouse con una herramienta de auditoría SEO real (Ahrefs, Screaming Frog) para analizar el contenido.

Comprueba todos los requisitos para que se pueda instalar: HTTPS, un manifiesto válido con los campos mínimos, un service worker registrado, la etiqueta viewport y los iconos. Corrija todos los errores de la auditoría de PWA antes de lanzar la aplicación como instalable.

La CLI de Lighthouse y la herramienta Lighthouse CI integran las auditorías en CI/CD. En cada PR, Lighthouse se ejecuta sobre la vista previa desplegada; la acción falla si las puntuaciones descienden por debajo de los umbrales. Esto evita regresiones silenciosas en accesibilidad, rendimiento o SEO.

Los informes de Lighthouse se pueden guardar como JSON y comparar mediante programación: realice un seguimiento de la puntuación de LCP a lo largo del tiempo para detectar regresiones, compare dos PR para ver cuál modificó cada métrica y genere alertas cuando se crucen los umbrales. Los datos están estructurados para su uso con herramientas.

Lighthouse es una prueba sintética: se ejecuta en un entorno controlado, no sobre usuarios reales. Combínelo con herramientas de Real User Monitoring (RUM) que registren la experiencia real de los usuarios. Las pruebas sintéticas detectan pronto las regresiones; RUM confirma que los usuarios realmente perciben las mejoras.

Algunas auditorías señalan patrones inevitables en determinados contextos. Documente las excepciones deliberadas, añádalas a la lista de exclusión de Lighthouse CI y vuelva a evaluarlas periódicamente a medida que evolucione la plataforma. Evite "ignore all" de forma generalizada: anularía el propósito de la auditoría automatizada.

Considere las puntuaciones de Lighthouse como un objetivo de mejora continua, no como una corrección puntual. Fomente una cultura de revisar la puntuación en cada PR, corregir las regresiones de inmediato y mejorar gradualmente la línea base. Con esta disciplina, la mayoría de los equipos ve cómo sus puntuaciones aumentan de forma constante a lo largo de los meses.

¿Por qué deberían combinarse las auditorías sintéticas de Lighthouse con Real User Monitoring (RUM)?

Lighthouse audita una página en Performance, Accessibility, Best Practices, SEO y PWA. Ejecútelo desde Chrome DevTools para comprobaciones puntuales y utilice Lighthouse CI para la integración continua. Corrija las regresiones en cada PR, fomente una cultura de mejora basada en mediciones y combine las auditorías sintéticas con Real User Monitoring para validar que las mejoras del laboratorio se traduzcan en beneficios para los usuarios reales.