Lighthouse

Qué es Lighthouse

Lighthouse es una herramienta open source desarrollada por Google que audita una página web en 5 categorías:

• Performance (rendimiento)
• Accessibility (accesibilidad WCAG)
• Best Practices (buenas prácticas web)
• SEO (técnico básico)
• PWA (Progressive Web App, opcional)

Cómo se usa

Chrome DevTools (más común)

1. Abre tu web en Chrome
2. F12 → pestaña “Lighthouse”
3. Selecciona categorías y dispositivo (mobile/desktop)
4. “Analyze page load”
5. Espera ~30 segundos

Línea de comandos

npm install -g lighthouse
lighthouse https://tudominio.es --view

Chrome Extension

Si no tienes Chrome reciente.

PageSpeed Insights

Lighthouse es el motor que ejecuta PSI. Datos similares.

Score por categoría

Cada categoría da 0-100. Performance es el más exigente:

• 90-100: bueno (verde)
• 50-89: mejorable (amarillo)
• 0-49: malo (rojo)

Qué te muestra el reporte

Performance

• Métricas: FCP, LCP, TBT, CLS, Speed Index
• Opportunities: optimizaciones concretas con tiempo ahorrado estimado
• Diagnostics: información detallada (cuántos requests, peso total, etc.)

Accessibility

• Contraste de texto
• Imágenes sin alt
• Botones sin nombre accesible
• Labels de formularios

Best Practices

• HTTPS
• Consola sin errores
• Imágenes con dimensiones explícitas
• DOM size razonable

SEO

• Title presente
• Meta description presente
• HTML válido
• Mobile-friendly viewport
• robots.txt accesible

Lighthouse vs producción real

Lighthouse simula condiciones controladas:

• Dispositivo Moto G Power (móvil gama media)
• Red 4G Slow (1.6 Mbps)
• Procesador 4x throttled

Tus usuarios reales pueden tener:

• iPhone 15 con 5G (mucho mejor)
• Móvil viejo en 3G en zona rural (mucho peor)

Por eso Google rankea según CrUX (datos de campo), no Lighthouse.

Cuándo confiar en Lighthouse

• ✓ Auditar una web nueva sin tráfico
• ✓ Validar mejoras antes de deploy
• ✓ Comparar con competidores
• ✓ Debug de problemas concretos (oportunidades)

Cuándo NO confiar solo en Lighthouse

• ✗ Para evaluar tu SEO real (usa Search Console)
• ✗ Cuando ya tienes datos CrUX (esos son los reales)
• ✗ Para presentar a cliente sin contexto (un Lighthouse 100 no significa nada si tu CrUX es malo)

Lee Datos CrUX vs Lighthouse y, si quieres aplicarlo a tu web, sigue la auditoría de velocidad web paso a paso.