Lighthouse

Qué es Lighthouse y cómo funciona

Lighthouse es una herramienta de auditoría automatizada open source desarrollada y mantenida por Google. Integrada de forma nativa en Chrome DevTools desde Chrome 60, analiza páginas web contra un conjunto de criterios técnicos agrupados en cinco categorías: rendimiento, accesibilidad, mejores prácticas, SEO y Progressive Web Apps. El resultado es un informe con puntuaciones de 0 a 100 por categoría, acompañado de diagnósticos accionables con referencias a la documentación oficial de Google.

La arquitectura de Lighthouse es modular: cada auditoría es independiente y puede ejecutarse en modo headless mediante Node.js, lo que permite integrarla en pipelines de CI/CD. La puntuación de rendimiento utiliza métricas Core Web Vitals (LCP, INP, CLS) más First Contentful Paint, Speed Index y Total Blocking Time, ponderadas con pesos específicos que Google actualiza periódicamente.

Cinco formas de ejecutar Lighthouse

Lighthouse se puede usar desde Chrome DevTools (pestaña Lighthouse), desde la extensión oficial para Chrome, desde PageSpeed Insights (versión online que combina datos de laboratorio con datos de campo del Chrome UX Report), desde la CLI de Node.js y como módulo npm integrable en código. Esta flexibilidad es una de sus ventajas más valoradas por equipos de desarrollo.

La CLI permite pasar opciones como --only-categories=performance,seo o --throttling-method=simulate, y exportar el informe en JSON, HTML o CSV. En GitHub Actions se puede usar Lighthouse CI para bloquear merges si la puntuación de rendimiento baja del umbral configurado.

Métricas de rendimiento que mide

El bloque de rendimiento es el más utilizado. Las métricas principales son: Largest Contentful Paint (LCP) —tiempo hasta que el elemento más grande visible se renderiza, objetivo menor de 2,5 segundos—; Interaction to Next Paint (INP) —latencia de interacciones, sustituyó a First Input Delay como métrica Core Web Vital en marzo de 2024, objetivo menor de 200 ms—; Cumulative Layout Shift (CLS) —estabilidad visual del layout, objetivo menor de 0,1—; Total Blocking Time (TBT) —correlaciona con INP en datos de laboratorio—; First Contentful Paint (FCP) y Speed Index.

Las oportunidades de mejora incluyen desde la eliminación de recursos que bloquean el renderizado hasta la optimización de imágenes con formatos modernos (WebP, AVIF), lazy loading, eliminación de JavaScript no utilizado y políticas de caché correctas.

Auditorías de accesibilidad y SEO

El módulo de accesibilidad aplica reglas del estándar WCAG 2.x automáticamente: contraste de color, atributos ARIA, estructura de encabezados, texto alternativo en imágenes, foco de teclado y landmarks semánticos. No sustituye una auditoría manual de accesibilidad, pero detecta el 30-40% de los problemas más frecuentes de forma automática según el equipo de Lighthouse.

Las auditorías SEO verifican metaetiquetas básicas (title, description, robots, canonical), legibilidad del texto en móvil, indexabilidad y estructura de enlaces. Son útiles como checklist de mínimos técnicos, aunque herramientas especializadas como Screaming Frog ofrecen análisis SEO más profundo.

Limitaciones técnicas que hay que conocer

Lighthouse mide en condiciones de laboratorio simuladas, no con usuarios reales. La puntuación varía entre ejecuciones por factores del entorno local: CPU del equipo, otras pestañas abiertas, extensiones activas. Google recomienda ejecutarlo en modo incógnito y promediar al menos tres mediciones. Para datos de campo reales, PageSpeed Insights los combina con el Chrome UX Report (CrUX), que muestra percentiles p75 de los últimos 28 días de usuarios reales.

Otro límite relevante: no audita bien SPAs que requieren interacción para cargar contenido, y las puntuaciones en móvil simulado son significativamente más bajas que en escritorio por el throttling de CPU y red aplicado. Esto genera confusión en equipos que ven puntuaciones de 30-40 en móvil sin entender el contexto de simulación vs. dispositivo real.

Integración con el ecosistema Google y SEO

Lighthouse es la base técnica de PageSpeed Insights, Google Search Console (pestaña Core Web Vitals) y el Web Vitals Extension. Los Core Web Vitals que mide son directamente las señales de experiencia de página que Google incorporó como factor de ranking en 2021. Esto hace que Lighthouse no sea solo una herramienta de desarrollo, sino una referencia de cumplimiento para el SEO técnico. Cualquier auditoría SEO profesional debería incluir Lighthouse como primer diagnóstico de rendimiento.

Qué es Lighthouse

Lighthouse es una herramienta open source de Google para auditar la calidad de páginas web, midiendo rendimiento, accesibilidad, buenas prácticas de desarrollo, SEO y conformidad con Progressive Web Apps (PWA). Integrada directamente en Chrome DevTools (tab Lighthouse), también se ejecuta como extensión de Chrome, desde la línea de comandos vía Node.js, o como módulo programático en pipelines de CI/CD. Lighthouse genera un informe detallado con puntuaciones de 0 a 100 en cada categoría y recomendaciones específicas para mejorar cada métrica. Es la herramienta que alimenta PageSpeed Insights de Google: cuando se analiza una URL en PageSpeed Insights, el informe de laboratorio proviene de Lighthouse. La versión Lighthouse 13 (octubre 2025) renovó completamente la experiencia de auditoría con insights más comprensivos que reemplazan las auditorías individuales anteriores, proporcionando una visión más clara de los problemas de rendimiento y cómo resolverlos. Lighthouse es utilizada por millones de desarrolladores y es el estándar de facto para medir la calidad web.

Core Web Vitals y métricas de rendimiento

Lighthouse mide las Core Web Vitals de Google que son factores de ranking en resultados de búsqueda: Largest Contentful Paint (LCP) mide el tiempo de carga del elemento visual más grande de la página (objetivo menor de 2.5 segundos), Interaction to Next Paint (INP) mide la latencia de respuesta a interacciones del usuario (objetivo menor de 200ms), y Cumulative Layout Shift (CLS) mide la estabilidad visual cuantificando los cambios inesperados de layout (objetivo menor de 0.1). Adicionalmente, Lighthouse reporta First Contentful Paint (FCP), Speed Index, Total Blocking Time (TBT) y Time to Interactive. Es importante distinguir entre datos de laboratorio (lo que mide Lighthouse en condiciones simuladas) y datos de campo (experiencia real de usuarios medida por Chrome User Experience Report). Google utiliza los datos de campo de Core Web Vitals para el ranking de búsqueda, no las puntuaciones de Lighthouse directamente.

Lighthouse para ecommerce

Para tiendas online, el rendimiento web medido por Lighthouse tiene impacto directo en las ventas. Estudios demuestran que cada segundo adicional de carga reduce las conversiones entre un 7-20%. Las páginas de producto con LCP lento pierden compradores que abandonan antes de ver el precio y las imágenes del producto. Un CLS alto durante la carga puede causar que los usuarios hagan clic en el botón equivocado cuando los elementos de la página se reposicionan inesperadamente. Las auditorías de Lighthouse identifican problemas específicos de ecommerce: imágenes de producto sin optimizar (formato, tamaño, lazy loading), JavaScript de terceros que bloquea el renderizado (analytics, chat widgets, scripts de remarketing), CSS no utilizado que retrasa la primera pintura, fuentes web que causan FOIT/FOUT, y recursos sin compresión Brotli/GZIP. Para Shopify, WooCommerce y Magento, Lighthouse revela el impacto de temas, plugins y apps instaladas en el rendimiento del storefront.

Auditorías de accesibilidad y SEO

La categoría de accesibilidad de Lighthouse verifica el cumplimiento de las pautas WCAG 2.1: contraste de color suficiente, etiquetas ARIA correctas, navegación por teclado, textos alternativos en imágenes, estructura de encabezados lógica y formularios accesibles. Para ecommerce, la accesibilidad no solo es una obligación legal (ADA en USA, EAA en Europa desde 2025) sino que amplía la audiencia potencial de la tienda. La categoría de SEO verifica: títulos y meta descripciones presentes y con longitud adecuada, imágenes con atributos alt, enlaces rastreables, viewport meta tag configurado para móvil, canonical tags, robots.txt accesible, y structured data válido. Las buenas prácticas verifican HTTPS, consola sin errores JavaScript, APIs modernas y seguridad del navegador. Para tiendas online, estas auditorías identifican problemas que afectan directamente al posicionamiento en Google y la experiencia de compra de usuarios con discapacidades.

Integración en workflows de desarrollo

Lighthouse se integra en pipelines de CI/CD mediante Lighthouse CI, que ejecuta auditorías automáticamente en cada despliegue y compara los resultados con umbrales definidos. Si una nueva versión del código reduce la puntuación de rendimiento por debajo del umbral configurado (ejemplo: LCP superior a 3 segundos), el pipeline falla y bloquea el despliegue hasta que se corrija. Los presupuestos de rendimiento (performance budgets) definen límites máximos para tamaño de JavaScript, CSS, imágenes y número de requests que Lighthouse verifica en cada build. Para equipos de ecommerce que despliegan cambios frecuentemente, Lighthouse CI previene regresiones de rendimiento que podrían impactar las ventas sin que nadie lo detecte. La integración con GitHub Actions, GitLab CI, Jenkins y otros sistemas de CI es directa mediante el paquete @lhci/cli de npm. Los resultados históricos se almacenan para tracking de tendencias.

Limitaciones y herramientas complementarias

Las principales limitaciones de Lighthouse son: mide rendimiento en condiciones de laboratorio simuladas (throttling de CPU y red) que no reflejan exactamente la experiencia real de los usuarios; las puntuaciones varían entre ejecuciones consecutivas por factores como carga del sistema y variabilidad de red; y no mide el rendimiento de interacciones de usuario reales (INP real solo se mide en campo). Para una visión completa, Lighthouse se complementa con: PageSpeed Insights (que combina datos de laboratorio y campo), Chrome User Experience Report (CrUX) para datos reales de usuarios, GTmetrix para análisis detallado con waterfall charts, WebPageTest para pruebas desde múltiples ubicaciones geográficas y dispositivos, y DebugBear o SpeedCurve para monitorización continua de rendimiento con alertas automáticas y tracking histórico.

Características Principales

• Auditoría de rendimiento: LCP, INP, CLS, FCP, Speed Index, TBT y Time to Interactive con recomendaciones
• Accesibilidad: verificación de WCAG 2.1 incluyendo contraste, ARIA, navegación por teclado y alt texts
• SEO técnico: títulos, meta descripciones, canonical tags, robots.txt, structured data y viewport mobile
• Buenas prácticas: HTTPS, consola sin errores, APIs modernas, seguridad del navegador y mixed content
• Lighthouse CI: integración en GitHub Actions, GitLab CI y Jenkins con umbrales y bloqueo de despliegues
• Performance budgets: límites máximos de tamaño de JS, CSS, imágenes y requests verificados en cada build
• Múltiples modos: Chrome DevTools, extensión de Chrome, CLI Node.js y módulo programático para CI/CD
• PageSpeed Insights: los informes de laboratorio de PSI provienen directamente de ejecuciones de Lighthouse

Se integra con 9 herramientas