Rendimiento web: una auditoría Lighthouse completa en 30 segundos
Acabas de publicar una landing recién hecha y quieres asegurarte de que no pesa como un ladrillo. Un cliente te pregunta por qué su tienda tarda 9 segundos en cargar. Estás presentando un rediseño y necesitas un número en la diapositiva ("ahora puntúan 38, contigo estarán en 95"). Todas estas situaciones comparten una respuesta: una auditoría Lighthouse.
Esta herramienta consulta a la API de Google PageSpeed Insights (el mismo motor Lighthouse que usa Google Search Console) y devuelve el informe completo: cuatro puntuaciones 0-100 (Performance, Accesibilidad, Buenas prácticas, SEO), Core Web Vitals (LCP, INP, CLS, FCP, TTFB, Speed Index) y una lista de cosas concretas que arreglar (p. ej. "esta imagen hero de 1,2 MB bloquea el render, puedes ahorrar 2,8 s").
¿De dónde salen los datos? La medición de laboratorio se ejecuta en la nube de Google sobre una conexión 4G simulada y un smartphone de gama media. Si el sitio tiene datos de usuarios reales en el Chrome User Experience Report (CrUX) - el dataset público de Google con métricas de campo de visitantes reales de Chrome - entonces INP y TTFB incluyen esos datos de campo. Los sitios pequeños suelen no tener muestra CrUX, así que solo verás los números de laboratorio.
Móvil vs Escritorio: no es la misma auditoría. Móvil se limita a un dispositivo tipo Moto G4 sobre 4G lento (1,6 Mbps, 150 ms de latencia), así que las puntuaciones son siempre más bajas. Google prioriza móvil en su ranking (mobile-first indexing desde 2019), así que revísalo primero.
Cómo usarla
- Pega la URL de la página que quieres auditar. Puedes omitir `https://`, lo añadimos. Debe ser una URL pública: Google no puede llegar a `localhost`, `.local`, ni a páginas tras login.
- Elige una estrategia: Móvil (por defecto, lo que importa para SEO) o Escritorio (más fácil de pasar de 90, útil para comparar). Audita ambas cuando la cuota lo permita: móvil suele ser drásticamente más lento.
- Pulsa Ejecutar análisis y espera 10-30 segundos. Google carga literalmente la página en un navegador virtual, mide cada paso y la puntúa. Esto no es una consulta cacheada: cada ejecución es una medición nueva.
- Verás 4 indicadores (Performance, Accesibilidad, Buenas prácticas, SEO). Verde = 90-100, ámbar = 50-89, rojo = 0-49. Google considera verde como "bueno", el resto es margen de mejora.
- Bajo los indicadores están los Core Web Vitals: LCP (Largest Contentful Paint, cuándo la pantalla parece estar lista), INP (Interaction to Next Paint, cuán rápido responde la página a los clics), CLS (Cumulative Layout Shift, si el contenido salta durante la carga), FCP, TTFB, Speed Index.
- La lista de oportunidades del final es la parte accionable: arreglos concretos ordenados por impacto. Cada uno muestra el ahorro estimado, p. ej. "comprimir imágenes: -2,1 s". Aborda los 3 primeros marcados como High, el resto es letra pequeña.
- Vuelve a ejecutar después de desplegar un arreglo: nueva medición, nueva puntuación, comparación fácil. Abrir en PageSpeed Insights te lleva al informe oficial de Google en pagespeed.web.dev (mismos datos, más detalle).
Cuándo es útil
Seis situaciones en las que esta herramienta vence al verbal "debería ser bastante rápido":
- Comprobación de regresión antes de desplegar. Acabas de hacer una refactorización frontend grande (actualización del framework, nueva librería de componentes, cambio de CMS). Antes de subir a producción, confirma que la puntuación no ha caído por debajo de 90. Si ha caído, sabes que hay que excavar en lo añadido (normalmente: un bundle JS desproporcionado o imágenes sin optimizar).
- Mostrar a un cliente la competencia. Reunión comercial. Quieres demostrar que el proveedor actual del cliente entrega sitios lentos. Auditas la página suya y la de un competidor: 38 vs 92. El cliente empieza a escuchar: los números de Google son difíciles de discutir.
- Diagnosticar "por qué va lenta la tienda". Un cliente dice que la conversión bajó y sospecha de la velocidad. Auditas: LCP 6,8 s (debería ser menos de 2,5 s), las oportunidades muestran "imágenes hero demasiado grandes (3,4 MB)". Arreglado en medio día.
- Auditoría SEO antes de una migración. El cliente pasa de WordPress a Shopify / Webflow / un stack a medida. Auditas el sitio actual antes y el nuevo después, comparando las 4 puntuaciones. SEO te dice si los meta tags, los alt y el sitemap sobrevivieron. Best Practices, si has introducido contenido mixto o APIs obsoletas.
- Validar un cambio de hosting / CDN. Pasas de un VPS genérico a Vercel / Cloudflare Pages / Netlify. Audita móvil + escritorio antes y después. El TTFB (Time To First Byte) muestra inmediatamente si el servidor responde más rápido. El LCP, si las imágenes cargan más rápido (CDN cache hit).
- Revisión rápida de accesibilidad WCAG. Los clientes del sector público o regulados necesitan conformidad WCAG 2.1 AA. La auditoría Accessibility cubre contraste, alt, roles ARIA, anillos de foco. Una auditoría completa exige revisión humana, pero Lighthouse pilla el 80% de los problemas técnicos.
¿Necesitas más contexto? El inspector de certificados SSL confirma que HTTPS está bien configurado (requisito para Best Practices = 100). La consulta DNS muestra si el servidor responde con los registros adecuados. La previsualización Open Graph ayuda a verificar los meta tags sociales que Lighthouse espera que tengas.