PageSpeed Insights: interpretar el informe y mejorar una web

PageSpeed Insights ayuda a identificar problemas de carga e interacción en una URL. Utilízalo para decidir qué mejorar y comprobar resultados, sin convertir el 100/100 en el objetivo por encima del funcionamiento de la web.

Diferenciar laboratorio y usuarios reales

El informe combina una prueba de laboratorio con Lighthouse y, cuando hay muestras suficientes, datos reales de Chrome UX Report. Comprueba si los datos reales corresponden a la URL o al origen completo: no son intercambiables.

La prueba de laboratorio refleja unas condiciones concretas de dispositivo, red y ejecución. Los datos reales resumen los últimos 28 días. Un cambio aplicado hoy puede mejorar una nueva prueba sin modificar inmediatamente el histórico. La explicación de Google sobre PageSpeed Insights detalla esa diferencia.

Core Web Vitals

Los umbrales se evalúan sobre el percentil 75 de las experiencias disponibles. FCP, Speed Index y TBT aportan diagnóstico, pero no son las tres Core Web Vitals. Consulta la referencia de Web Vitals para su interpretación.

Una puntuación de laboratorio buena no garantiza todas las experiencias reales, ni una puntuación SEO certifica indexación, posiciones o ventas.

Preparar un caso práctico en WordPress

Elige tres páginas representativas, por ejemplo inicio, categoría y producto. Guarda los informes móvil y escritorio, anota fecha y configuración, y repite las mediciones para reconocer su variación normal.

Conserva una copia recuperable y utiliza una copia de pruebas para cambios de tema, plugins o base de datos. Si trabajas con LiteSpeed Cache, comprueba primero que la caché de página funciona. No necesitas conectar un CDN para esa función.

Si tarda en aparecer el contenido principal

Identifica el elemento LCP del informe. Si es una imagen, comprueba su peso, dimensiones y momento de descarga. No apliques carga diferida a la imagen principal visible al abrir la página.

Para imágenes grandes, sirve variantes adecuadas al espacio mostrado y a la densidad de pantalla, con srcset y sizes cuando corresponda. Añadir atributos de ancho y alto ayuda a reservar espacio, pero no redimensiona el archivo descargado.

Si el documento HTML tarda en llegar, revisa caché de página, red, recursos del hosting y ejecución PHP. Minificar una imagen no resuelve una consulta SQL lenta: utiliza PHP X-Ray para localizar trabajo de servidor costoso.

Si CSS o JavaScript bloquean la carga

En LiteSpeed Cache, prueba la minificación desde Optimización de página. Combinar archivos, diferir JavaScript y cargar CSS asíncronamente son opciones diferentes: actívalas por separado y revisa sus efectos.

Comprueba menús, formularios, filtros, consentimiento y pago. Un recurso aparentemente sin uso durante la carga inicial puede ser necesario al abrir un menú o interactuar. No elimines automáticamente todo lo que una captura de cobertura marque como no ejecutado.

Si el problema es código de terceros, identifica qué función aporta y cuánto cuesta. No copies scripts externos al hosting sin revisar actualizaciones, compatibilidad y condiciones del proveedor.

Si hay saltos de diseño

Reserva dimensiones o proporción para imágenes, anuncios e incrustaciones. Revisa también fuentes y bloques que aparecen después de cargar. Prueba varios anchos de pantalla y el estado anterior y posterior al consentimiento.

La opción de añadir tamaños ausentes puede ayudar a reservar espacio, pero no corrige por sí sola todos los saltos ni reduce el peso de las imágenes.

Si los recursos se descargan repetidamente

Revisa las cabeceras de caché del navegador. Los archivos con nombre versionado pueden tener una duración larga, porque una modificación produce otra URL. Si un archivo cambia manteniendo su nombre, necesitas una política que permita actualizarlo sin dejar a los visitantes con versiones antiguas.

No apliques una duración larga indiscriminada a HTML personalizado. Las cabeceras de archivos servidos por terceros dependen de ellos; decide si necesitas ese recurso antes de intentar modificar su comportamiento.

Optimizar imágenes y compresión

El hosting comprime automáticamente contenido de texto compatible con Gzip o Brotli. Comprueba Content-Encoding antes de añadir compresión desde PHP.

Para imágenes, conserva originales y prueba una muestra. LiteSpeed puede utilizar servicios en línea de QUIC.cloud para optimización y formatos modernos: revisa conexión, cuota, modo y estado de las tareas. La guía de QUIC.cloud explica la conexión actual, distinta de las antiguas claves de dominio.

Comprobar que la mejora es real

Cambia una cosa, purga solo las cachés necesarias y repite las mismas pruebas. Compara la métrica afectada y el funcionamiento, no únicamente el color del informe. Una categoría con demasiados productos puede necesitar paginación y menos elementos, en lugar de más ajustes de un plugin.

Después del despliegue observa las experiencias reales durante su ventana de actualización. Conserva un registro de cambios y revierte los que mejoren una puntuación a costa de romper funciones. Para continuar, utiliza la guía completa de optimización de WordPress.