Lighthouse y PageSpeed Insights: guía para acelerar tu web

📅 Publicado el 21 de octubre, 2026 · Por Equipo RedServicio

Lighthouse y PageSpeed Insights. Las dos herramientas de Google que necesitas si tu web va lenta, si pierdes visitantes sin saber por qué o si llevas meses viendo cómo tu posicionamiento no despega. Te dirán qué falla. Y, más importante, por dónde empezar a arreglarlo.

¿Qué son Lighthouse y PageSpeed Insights y en qué se diferencian?

Se confunden a menudo, lo he visto mil veces, pero Lighthouse y PageSpeed Insights no son lo mismo. Lighthouse es una herramienta de auditoría automatizada de código abierto que Google integra directamente en Chrome. Analiza el rendimiento, la accesibilidad, las mejores prácticas, el SEO y las aplicaciones web progresivas (PWA) de cualquier página.

PageSpeed Insights (PSI) va más allá. Usa Lighthouse como motor de análisis, sí, pero añade algo que Lighthouse por sí solo no tiene: los datos de campo reales del Chrome User Experience Report (CrUX). Dicho de otro modo: Lighthouse te muestra una simulación en condiciones de laboratorio; PSI combina esa simulación con lo que realmente experimentan los usuarios que visitan tu web. No es lo mismo un test limpio en tu ordenador que la carga en el móvil de alguien con cobertura regular.

• Lighthouse: análisis de laboratorio, más control, ideal para desarrollo y depuración local.
• PageSpeed Insights: combina laboratorio + datos reales de usuarios, ideal para evaluaciones periódicas.

En la práctica, lo suyo es usar ambos. Lighthouse mientras desarrollas; PageSpeed Insights como termómetro constante de la salud de tu sitio una vez en producción.

Cómo ejecutar tu primera auditoría: paso a paso

Desde PageSpeed Insights (opción más sencilla)

1. Accede a pagespeed.web.dev desde cualquier navegador.
2. Introduce la URL completa de tu web (por ejemplo, https://tudominio.com) en el campo de análisis.
3. Haz clic en Analizar y espera entre 30 y 60 segundos.
4. Revisa la puntuación general y los diagnósticos, organizados por categorías.

Desde Chrome DevTools con Lighthouse

1. Abre tu web en Chrome y pulsa F12 (o Ctrl+Mayús+I) para abrir DevTools.
2. Ve a la pestaña Lighthouse. Si no aparece, haz clic en el icono de flechas dobles y actívala.
3. Selecciona las categorías que quieres auditar: Rendimiento, Accesibilidad, SEO, etc.
4. Elige el dispositivo (Móvil o Escritorio). Empieza por móvil, siempre: las condiciones son más exigentes.
5. Pulsa Analizar carga de la página y espera el informe completo.

Sobre las puntuaciones: entre 90 y 100, en verde, es excelente. De 50 a 89, hay margen de mejora. Por debajo de 50, tienes un problema serio de rendimiento.

Entendiendo las métricas: Core Web Vitals explicados

El corazón de cualquier informe son los Core Web Vitals, las tres métricas que Google considera esenciales para la experiencia de usuario:

• LCP (Largest Contentful Paint): cuánto tarda en renderizarse el elemento más grande visible (normalmente una imagen destacada o un titular grande). Lo ideal: menos de 2,5 segundos.
• INP (Interaction to Next Paint): la capacidad de respuesta de la página ante interacciones como clics o toques. Debe mantenerse por debajo de 200 milisegundos.
• CLS (Cumulative Layout Shift): los saltos inesperados del contenido durante la carga. Ese botón que se mueve justo cuando vas a pulsarlo, ya sabes. Un valor inferior a 0,1 es lo recomendable.

No te quedes solo en esas tres. Mira también FCP (First Contentful Paint), que indica cuándo aparece el primer contenido, y TTFB (Time to First Byte), que mide lo rápido que responde tu servidor. Un TTFB elevado casi siempre apunta a un hosting lento o a una caché de servidor sin configurar. Ahí la solución no está en tu código, sino en la infraestructura (algo que resuelve un alojamiento de calidad como el de RedServicio, con soporte 24/7).

Con estas métricas claras ya puedes interpretar cualquier auditoría sin perderte. En la siguiente parte veremos cómo actuar sobre los problemas más comunes que detectan estas herramientas.

Lighthouse y PageSpeed Insights: cómo interpretar los avisos y oportunidades de mejora

Ejecutas la auditoría con Lighthouse o PageSpeed Insights y aparece el informe. ¿Y ahora qué? Lo primero es entender que se estructura en dos bloques bien distintos: las métricas de rendimiento (LCP, INP, CLS) y una batería de diagnósticos y oportunidades con un ahorro estimado en tiempo de carga. No todos los avisos pesan igual. Ni de lejos.

Lighthouse clasifica cada elemento con un código de color: rojo para el problema crítico, naranja para la mejora moderada, verde para lo aprobado. Mi recomendación es que vayas siempre primero a la sección Opportunities, porque ahí verás el ahorro estimado en segundos de cada corrección. Si el informe te señala «Serve images in next-gen formats» con un ahorro de 2,1 segundos, esa acción te dará más rédito que cualquier aviso menor de accesibilidad. Simple matemática.

Un detalle que mucha gente pasa por alto: PageSpeed Insights combina datos de laboratorio y de campo. Los primeros vienen de una ejecución simulada en entorno controlado; los de campo (el Chrome User Experience Report) reflejan lo que viven de verdad tus visitantes. Y aquí está la gracia: si tu LCP de laboratorio es de 1,8 s pero el de campo marca 4,5 s, el problema casi seguro no está en tu código, sino en el servidor de origen o en usuarios con conexiones lentas.

También verás falsos positivos con los terceros. Los scripts de chat, los píxeles de marketing, las etiquetas de analítica… suelen aparecer como culpables de bloquear el hilo principal. En ese caso, cárgalos de forma diferida (defer o async) o mediante un gestor de etiquetas que reduzca su impacto.

Optimizaciones prácticas: imágenes, caché, código y hosting

Identificados los avisos, ¿por dónde empiezas? Estas son las acciones que, en la mayoría de auditorías, más rendimiento devuelven:

1. Imágenes optimizadas: formatos WebP o AVIF, compresión antes de subir y, por favor, especifica siempre width y height para evitar saltos de diseño (el temido CLS). Con loading=»lazy» difieres las que quedan fuera del primer viewport.
2. Caché en el navegador: configura cabeceras Cache-Control con un max-age de al menos un año para recursos estáticos. En WordPress, un plugin como WP Rocket o LiteSpeed Cache lo resuelve en minutos.
3. Minimizar y comprimir código: Brotli o Gzip en el servidor, CSS y JavaScript minificados. Y otra cosa: si usas una sola función de una librería enorme, elimina la librería entera.
4. CDN: reparte tus recursos estáticos desde nodos cercanos a tus usuarios. La latencia del LCP baja de forma notable.

Y luego está el factor que más se infravalora: el hosting. Lo he visto demasiadas veces. Un servidor lento arruina cualquier optimización; si el Time to First Byte supera los 600 ms, ningún ajuste de código lo va a compensar. Discos NVMe, HTTP/2, PHP 8.x y caché a nivel de servidor marcan una diferencia enorme. Precisamente por eso en RedServicio apostamos por una infraestructura optimizada para WordPress y aplicaciones modernas, con soporte 24/7 que te ayuda a configurar caché, SSL y CDN sin complicaciones.

Conclusión: convierte la auditoría en una rutina de mejora continua

Lighthouse y PageSpeed Insights no son herramientas de uso único. Son instrumentos para una rutina de mejora continua. ¿Por qué? Porque la velocidad web se degrada con el tiempo. Añades plugins, cambias de tema, instalas nuevos scripts de marketing… y las métricas vuelven a empeorar sin que te des cuenta. Hasta que un día alguien se queja.

Nuestro consejo: audita tu web al menos una vez al mes, y después de cada cambio importante (rediseño, plantilla nueva, actualización mayor del CMS). Guarda los informes en PDF para poder comparar la evolución. Y centra el esfuerzo en las tres métricas Core Web Vitals antes que en la puntuación global, que no es más que un indicador orientativo.

El orden de prioridades, para que no se te olvide: primero una infraestructura de hosting sólida, después las imágenes, luego la caché y el código, y al final los terceros prescindibles. Con este enfoque, cada punto que ganes en PageSpeed Insights será un punto real y medible en la experiencia de tus usuarios, en tu posicionamiento SEO y, en última instancia, en tus conversiones.