Lighthouse en Chrome: auditoría móvil con DevTools o la extensión

Para hacer una auditoría móvil de Lighthouse en Chrome, abre DevTools, selecciona el panel Lighthouse, pon Device en Mobile, elige las categorías que quieras (Performance, Accessibility, Best practices, SEO) y haz clic en Analyze page load. Lighthouse recarga la página en un teléfono de gama media emulado con una conexión limitada y genera un informe con puntuaciones de 0 a 100 y una lista de problemas que corregir. Ejecútalo en una ventana de incógnito, porque otras extensiones pueden distorsionar los resultados.

Lighthouse es además lo que Google recomendó en lugar de su retirada prueba de optimización para móviles; consulta alternativas al Mobile-Friendly Test.

Paso a paso en Chrome DevTools

1. Abre la página en una ventana de incógnito (Ctrl + Shift + N o Cmd + Shift + N). Las extensiones no funcionan ahí por defecto.
2. Abre DevTools (F12 o Cmd + Option + I) y selecciona Lighthouse. Si no lo ves, búscalo tras la flecha >>.
3. Elige el Mode:
   • Navigation (por defecto): audita una carga nueva de la página. Úsalo casi siempre.
   • Timespan: graba mientras interactúas; útil para medir un menú o un formulario.
   • Snapshot: audita la página en su estado actual, por ejemplo con un modal abierto.
4. Pon Device en Mobile.
5. Selecciona las Categories que necesites.
6. Haz clic en Analyze page load y espera entre 30 y 60 segundos.

Lighthouse funciona en cualquier página que Chrome pueda abrir, incluidas localhost y las páginas tras un login, a las que las herramientas online no llegan.

La extensión de Lighthouse para Chrome

Lighthouse también está disponible como extensión en Chrome Web Store: instálala, abre la página, haz clic en el icono de Lighthouse y elige Generate report. La propia documentación de Google recomienda el panel de DevTools salvo que tengas un motivo concreto para usar la extensión, porque DevTools puede auditar sitios locales y páginas tras un login y la extensión no. En la práctica, la extensión es útil cuando quieres auditar con un clic una página pública sin abrir DevTools; para todo lo demás, sigue los pasos anteriores.

Ejecutar Lighthouse desde la línea de comandos

Para ejecuciones repetibles o en CI, usa la CLI de Node:

npx lighthouse https://example.com --view

La CLI audita en modo móvil por defecto. Añade --preset=desktop para escritorio, --only-categories=performance,seo para limitar las categorías y --output=json para procesar los resultados en un script. PageSpeed Insights ejecuta el mismo motor en los servidores de Google para URLs públicas.

Cómo leer el informe

Cada categoría recibe una puntuación: de 90 a 100 es buena (verde), de 50 a 89 necesita mejorar (naranja) y de 0 a 49 es deficiente (rojo).

Performance se basa en métricas de laboratorio: First Contentful Paint, Largest Contentful Paint, Total Blocking Time, Cumulative Layout Shift y Speed Index. Debajo de la puntuación, Insights y Diagnostics enumeran correcciones concretas, como imágenes demasiado grandes, una imagen LCP que se descubre tarde o recursos que bloquean el renderizado. Desde Lighthouse 13 (octubre de 2025), las antiguas auditorías de rendimiento se agrupan en estos insights, los mismos que muestra el panel Performance de DevTools.

Accessibility ejecuta comprobaciones automáticas: contraste de color, etiquetas y textos alternativos ausentes, orden de los encabezados, ajustes de zoom del viewport y tamaño de las zonas táctiles, entre otras.

Best practices cubre HTTPS, errores del navegador en la consola, APIs obsoletas y proporciones de las imágenes.

SEO revisa lo básico: título y meta description, una página indexable con un código de estado correcto, enlaces rastreables con texto descriptivo, texto alternativo en imágenes, un robots.txt válido y etiquetas hreflang y canonical. Lighthouse 13 eliminó la antigua auditoría de tamaño de fuente legible y movió la comprobación del viewport a los insights de rendimiento. Superar estas pruebas no significa que una página vaya a posicionar; significa que nada básico se lo impide.

Por qué las puntuaciones móviles son más bajas y varían entre ejecuciones

El modo móvil simula un teléfono y una red más lentos, así que una página con 95 en escritorio puede sacar 60 en móvil. Esa diferencia es intencionada: se acerca a la experiencia de muchos visitantes reales.

Las puntuaciones también cambian de una ejecución a otra, a veces entre 5 y 10 puntos, por las condiciones de red, el tiempo de respuesta del servidor y la actividad en segundo plano de tu ordenador. Para obtener una cifra fiable:

• ejecuta la auditoría entre tres y cinco veces y usa la mediana;
• cierra otras pestañas y aplicaciones pesadas;
• compara situaciones equivalentes (mismo ajuste de dispositivo, misma página, mismo equipo).

En velocidad, Lighthouse es una prueba de laboratorio. Lo que refleja a tus visitantes son los datos de campo de usuarios reales de PageSpeed Insights o Search Console. La diferencia se explica en la guía del test de velocidad móvil.

Qué arreglar primero

1. Todo lo que esté en rojo en Accessibility y SEO. Suelen ser arreglos rápidos: etiquetas, texto alternativo, contraste, una meta description ausente, un rastreador bloqueado.
2. La mayor oportunidad de LCP. A menudo una imagen principal demasiado grande, con lazy loading o que se descubre tarde.
3. Tareas largas de JavaScript. Los scripts de terceros suelen ser los culpables; mira qué puedes diferir o quitar.
4. Desplazamientos del diseño. Añade dimensiones a imágenes, contenidos incrustados y espacios publicitarios.

Lighthouse enumera problemas, pero no te muestra cómo se ve la página en un teléfono. Combínalo con una revisión visual en una vista móvil: el modo dispositivo de DevTools o Mobile View Extension, que recarga la página al tamaño de un teléfono real con un user agent móvil. Después repasa el checklist de pruebas de una web móvil para lo que una auditoría automática no puede juzgar, como la navegación y los formularios.

Preguntas frecuentes

¿Cómo ejecuto Lighthouse para móvil en Chrome?

Abre DevTools, ve al panel Lighthouse, pon Device en Mobile, selecciona las categorías y haz clic en Analyze page load. Usa una ventana de incógnito para obtener resultados más limpios.

¿Qué es una buena puntuación de Lighthouse en móvil?

90 o más se considera buena. En rendimiento, céntrate en superar las Core Web Vitals con datos de usuarios reales; la puntuación de laboratorio sirve de guía para encontrar problemas.

¿Lighthouse es lo mismo que PageSpeed Insights?

PageSpeed Insights ejecuta Lighthouse en los servidores de Google y añade, cuando existen, datos de usuarios reales del Chrome User Experience Report. Lighthouse en DevTools se ejecuta en tu ordenador y puede probar páginas locales y privadas.