Cómo Mejorar el Puntaje de PageSpeed Insights en WordPress: Guía Paso a Paso para Llegar a 90+

Corriste PageSpeed Insights y el resultado fue 45 en móvil. O 62. O incluso 38. Y ahora estás buscando cómo subir ese número porque Google lo usa como señal de ranking —¿o no?— y porque un sitio lento espanta visitantes.

Esta guía no te va a prometer un 100/100 mágico. Te va a explicar qué mide realmente PageSpeed Insights, qué optimizaciones tienen más impacto real, y cómo llegar a un puntaje que represente una experiencia de carga buena para tus visitantes, usando herramientas disponibles en hosting con cPanel.

¿Qué mide PageSpeed Insights realmente?

PageSpeed Insights no es una prueba de velocidad pura. Es un informe que combina datos de laboratorio (medidos en condiciones controladas) y datos de campo (medidos de usuarios reales) para evaluar el rendimiento de tu sitio web.

Lab data vs Field data (CrUX) — no es lo mismo

Lab data (datos de laboratorio): Son métricas medidas por Lighthouse en un entorno simulado: un dispositivo móvil de gama media con una conexión 4G lenta. Son consistentes y reproducibles, pero no reflejan necesariamente la experiencia real de tus usuarios.

Field data (datos de campo / CrUX): Son métricas reales del Chrome User Experience Report (CrUX), basadas en datos de usuarios reales de Chrome que visitaron tu sitio. Son la experiencia real, pero solo están disponibles si tu sitio tiene suficiente tráfico.

Si ves "No data available" en la sección de datos de campo, significa que tu sitio no tiene suficiente tráfico para generar estadísticas de CrUX. En ese caso, PageSpeed solo mostrará los datos de laboratorio, que son una simulación.

Las 4 métricas que más pesan: LCP, FID/INP, CLS, TTFB

PageSpeed Insights evalúa principalmente cuatro métricas que conforman los Core Web Vitals de Google:

• LCP (Largest Contentful Paint): Cuánto tarda en renderizarse el elemento más grande visible en pantalla. Debería ser menor a 2.5 segundos.
• INP (Interaction to Next Paint) / FID (First Input Delay): Cuánto tarda la página en responder a la primera interacción del usuario. INP reemplazó a FID en marzo de 2024. Debería ser menor a 200ms.
• CLS (Cumulative Layout Shift): Cuánto se mueven los elementos de la página mientras carga. Debería ser menor a 0.1.
• TTFB (Time to First Byte): Cuánto tarda el servidor en enviar el primer byte de datos. Debería ser menor a 800ms.

Estas métricas se complementan con otras como Total Blocking Time (TBT), Speed Index y First Contentful Paint (FCP). Para una explicación detallada de cada métrica y cómo medirlas con Lighthouse, consulta nuestra guía de Core Web Vitals en WordPress.

Por qué un puntaje de 90+ mobile es difícil pero posible

El puntaje mobile es sistemáticamente más bajo que el de escritorio porque:

• Se mide en un dispositivo móvil simulado de gama media con CPU limitada
• La conexión simulada es 4G lenta (1.6Mbps)
• JavaScript pesa más en procesadores móviles
• Las imágenes sin optimizar impactan más en conexiones lentas

Llegar a 90+ en móvil es posible pero requiere optimización en múltiples frentes: servidor, caché, imágenes, JavaScript y CSS.

Las 10 optimizaciones con más impacto

1. Elegir un hosting rápido (TTFB bajo)

El TTFB es la métrica donde el hosting tiene más impacto directo. Un servidor lento significa que cada petición empieza con un retraso, y no hay plugin que compense un TTFB alto.

Factores que afectan el TTFB desde el hosting:

• Tipo de almacenamiento: SSD NVMe es significativamente más rápido que SSD SATA, que es más rápido que HDD. La diferencia de hosting NVMe vs SSD impacta directamente en TTFB.
• LiteSpeed vs Apache: LiteSpeed Cache ofrece caché a nivel de servidor que reduce el TTFB a menos de 100ms en muchos casos.
• Proximidad del servidor: Un servidor en Chile o Sudamérica tendrá menor latencia para visitantes chilenos que uno en Europa.

Elegir un hosting con SSD NVMe y LiteSpeed puede mejorar el TTFB de 800ms+ a menos de 200ms, lo que sube el puntaje PageSpeed en 10-20 puntos por sí solo.

2. Usar caché de página (LiteSpeed Cache, W3 Total Cache)

La caché de página genera versiones estáticas de tus páginas para que el servidor no tenga que ejecutar PHP y consultar la base de datos en cada visita. Es la optimización con mayor impacto en TTFB y tiempo de carga.

LiteSpeed Cache es la mejor opción si tu hosting usa LiteSpeed (como Elevocloud). Ofrece:

• Caché de página completa (full page cache)
• Caché de objetos (Redis)
• Minificación de CSS/JS
• Lazy loading de imágenes
• Conversión a WebP
• Caché de navegador

W3 Total Cache es una buena alternativa si tu hosting usa Apache. Nuestra guía de configuración de LiteSpeed Cache en WordPress te muestra cómo configurarlo paso a paso.

3. Comprimir y convertir imágenes a WebP

Las imágenes son típicamente el recurso más pesado en una página web. Optimizarlas tiene un impacto directo en LCP:

• Convierte imágenes a WebP: Este formato ofrece la misma calidad que JPEG/PNG con un 25-35% menos de tamaño. LiteSpeed Cache hace la conversión automáticamente.
• Comprime imágenes: Usa herramientas como Smush, Imagify o ShortPixel para comprimir sin perder calidad visible.
• Redimensiona imágenes: No subas imágenes de 4000px si se muestran a 800px. Redimensiona antes de subir.

La conversión a WebP solo puede mejorar tu puntaje PageSpeed en 5-15 puntos, especialmente en móvil donde el ancho de banda es limitado.

4. Lazy loading de imágenes y videos

El lazy loading retrasa la carga de imágenes y videos que están debajo del pliegue (fuera de la zona visible inicial). El navegador solo los descarga cuando el usuario hace scroll hacia ellos.

WordPress incluye lazy loading nativo desde la versión 5.5, pero puedes mejorarlo:

• Agrega loading="lazy" a imágenes y iframes que no están en el viewport inicial
• Usa LiteSpeed Cache para lazy loading avanzado con compatibilidad con imágenes de fondo CSS
• Implementa lazy loading de videos de YouTube/Vimeo con plugins como Lazy Loader

La imagen hero (la principal visible al cargar) no debe tener lazy loading, porque eso retrasaría el LCP.

5. Minificar CSS, JavaScript y HTML

La minificación elimina espacios, saltos de línea y comentarios del código sin afectar su funcionalidad. Reduce el tamaño de los archivos y el tiempo de parseo.

La mayoría de los plugins de caché incluyen minificación:

• LiteSpeed Cache: CCSS (Critical CSS) + minificación de CSS/JS/HTML
• WP Rocket: Minificación y combinación de archivos
• Autoptimize: Plugin especializado en minificación y defer de scripts

Importante: La combinación de archivos (concatenar múltiples CSS/JS en uno solo) ya no es tan recomendable con HTTP/2, que permite descargas paralelas. La minificación sí sigue siendo beneficiosa.

6. Eliminar recursos que bloquean el render (render-blocking)

Cuando PageSpeed dice "Eliminate render-blocking resources", se refiere a archivos CSS y JavaScript que el navegador debe descargar y procesar antes de mostrar cualquier contenido en pantalla.

Soluciones:

• CSS crítico inline: Extrae el CSS necesario para el viewport inicial e inclúyelo directamente en el HTML. El resto del CSS se carga de forma diferida.
• Diferir JavaScript: Agrega defer o async a los scripts no esenciales para que no bloqueen el renderizado.
• Carga diferida de CSS no crítico: Usa media="print" onload="this.media='all'" para hojas de estilo que no son necesarias para el primer paint.

LiteSpeed Cache genera automáticamente el CSS crítico (CCSS) para cada página, lo que simplifica enormemente este proceso.

7. Usar CDN para assets estáticos

Un CDN (Content Delivery Network) distribuye copias de tus archivos estáticos (CSS, JS, imágenes) en servidores alrededor del mundo. Cuando un visitante carga tu sitio, los archivos se sirven desde el servidor más cercano, reduciendo la latencia.

Cloudflare ofrece un plan gratuito que incluye:

• CDN global con más de 300 data centers
• Caché de archivos estáticos
• Compresión Brotli
• Protección DDoS básica
• Optimización automática de imágenes (con plan Pro)

Si tu hosting no incluye un CDN, Cloudflare Free es una opción excelente. Para más detalles sobre cómo combinar caché y CDN, consulta nuestra guía para acelerar WordPress con caché y CDN en Chile.

8. Optimizar la base de datos WordPress

Una base de datos fragmentada y llena de basura ralentiza cada consulta:

• Eliminar revisiones de posts: Cada revisión guarda una copia completa del post. Un post con 50 revisiones ocupa 50 veces más espacio del necesario.
• Limpiar transients: Los transients son datos temporales que se acumulan si no se limpian.
• Vaciar la papelera: Posts y comentarios en la papelera siguen ocupando espacio.
• Optimizar tablas: Ejecuta OPTIMIZE TABLE en phpMyAdmin periódicamente.

Puedes automatizar la limpieza con el plugin WP-Optimize o ejecutar comandos WP-CLI desde SSH.

9. Reducir plugins innecesarios

Cada plugin activo agrega código PHP, CSS y JavaScript que se carga en cada página. Algunos plugins son más pesados que otros:

• Plugins de SEO (Yoast, Rank Math): moderados
• Page builders (Elementor, Divi): pesados en el admin
• Plugins de seguridad con escaneo en tiempo real: pesados en frontend
• Plugins de estadísticas con JavaScript en frontend: moderados a pesados
• Formularios de contacto (Contact Form 7, WPForms): ligeros

Audita tus plugins: desactiva los que no uses y elimina los que puedes reemplazar con código o funcionalidad nativa de WordPress.

10. Activar compresión GZIP/Brotli en el servidor

La compresión reduce el tamaño de los archivos transferidos del servidor al navegador. GZIP es el estándar; Brotli es más eficiente (hasta un 15-20% más de compresión).

Si tu hosting usa LiteSpeed, Brotli está disponible por defecto y se activa desde LiteSpeed Cache. En Apache, puedes activar GZIP desde .htaccess:

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html text/plain text/xml
  AddOutputFilterByType DEFLATE text/css application/javascript
  AddOutputFilterByType DEFLATE application/json application/xml
</IfModule>

Para más opciones de configuración del servidor, consulta nuestra guía sobre htaccess en WordPress.

Herramientas para diagnosticar antes de optimizar

Antes de empezar a optimizar, necesitas entender qué está fallando. Hay tres herramientas principales que complementan a PageSpeed Insights.

PageSpeed Insights vs Lighthouse vs GTmetrix — cuándo usar cada uno

• PageSpeed Insights: La herramienta oficial de Google. Combina datos de laboratorio (Lighthouse) y datos de campo (CrUX). Úsalo para la evaluación definitiva que Google utiliza.
• Lighthouse (DevTools): Misma métrica de laboratorio que PageSpeed pero con más detalles técnicos. Úsalo durante el desarrollo para ver el impacto de cada cambio.
• GTmetrix: Muestra datos de Lighthouse y métricas de YSlow con una interfaz más visual y gráficos de cascada. Úsalo para entender el orden de carga de los recursos.

Recomendación: empieza con PageSpeed Insights para el puntaje general, usa GTmetrix para la cascada de carga, y Lighthouse en DevTools para debugging detallado.

Cómo leer el reporte de oportunidades y diagnósticos

PageSpeed Insights divide sus recomendaciones en dos secciones:

• Oportunidades (Opportunities): Cambios que mejorarán el puntaje directamente con el ahorro de tiempo estimado. Empieza por las que tienen mayor ahorro en milisegundos.
• Diagnósticos (Diagnostics): Problemas que no afectan directamente el puntaje pero indican buenas prácticas. No los ignores, pero prioriza las oportunidades.

La estrategia correcta: ordenar las oportunidades por ahorro estimado de mayor a menor, y resolverlas en ese orden. Las primeras 3-5 oportunidades suelen representar el 80% de la mejora posible.

Plugins recomendados para mejorar PageSpeed en WordPress

LiteSpeed Cache (ideal si tu hosting tiene LiteSpeed)

Si tu hosting usa LiteSpeed (como Elevocloud), este plugin es la mejor opción todo-en-uno:

• Caché de página completa a nivel de servidor
• CSS crítico generado automáticamente
• Conversión de imágenes a WebP
• Lazy loading integrado
• Minificación de CSS/JS/HTML
• Caché de objetos con Redis
• Carga diferida de JavaScript

Nuestra guía de configuración de LiteSpeed Cache te muestra cómo configurarlo paso a paso para obtener el máximo rendimiento.

WP Rocket (de pago, el más completo)

Si tu hosting no tiene LiteSpeed, WP Rocket es la mejor alternativa de pago:

• Caché de página con configuración sencilla
• Minificación y combinación de archivos
• Lazy loading de imágenes e iframes
• Carga diferida de JavaScript
• Base de datos optimizada
• Pre-cargado de caché
• Compatible con todos los hosting

El costo es anual pero la configuración es mucho más simple que las alternativas gratuitas.

Smush o Imagify (compresión de imágenes)

Para la compresión de imágenes específicamente:

• Smush: Gratuito hasta 50 imágenes por lote. Buena compresión lossy/lossless con interfaz clara.
• Imagify: Plan gratuito limitado pero excelente calidad de compresión. Creado por el equipo de WP Rocket.
• ShortPixel: Alternativa con plan gratuito de 100 imágenes/mes.

Todos ofrecen conversión a WebP en sus versiones de pago.

Cloudflare (CDN gratuito)

Cloudflare Free ofrece CDN, caché de archivos estáticos y protección básica. Es suficiente para la mayoría de sitios WordPress. La combinación LiteSpeed Cache + Cloudflare Free es una de las configuraciones más potentes para mejorar PageSpeed.

Diferencias importantes: móvil vs escritorio

Por qué el puntaje mobile siempre es más bajo

PageSpeed Insights simula un teléfono de gama media (Motorola Moto G4 o similar) con una CPU limitada y una conexión 4G lenta (1.6 Mbps, 150ms RTT). Este entorno es deliberadamente restrictivo para representar la experiencia del usuario móvil promedio.

En este entorno simulado:

• JavaScript se ejecuta 3-4 veces más lento que en desktop
• Las imágenes pesadas tardan más en descargar
• La CPU limitada procesa el CSS más lento
• La red lenta amplifica cada byte innecesario

Si debes priorizar uno, prioriza mobile

Google indexa mobile-first. El puntaje mobile es el que importa para el ranking en búsquedas. Si solo tienes tiempo para optimizar para un dispositivo, hazlo para móvil.

Eso significa:

• Optimizar imágenes para pantallas pequeñas (tamaños responsivos con srcset)
• Minimizar JavaScript especialmente agresivamente
• Asegurar que el CSS crítico se cargue rápido en conexiones lentas
• Implementar lazy loading para todo lo que no esté en el viewport inicial

Expectativas realistas: ¿qué puntaje es suficiente?

Los números de PageSpeed Insights no son fines en sí mismos. Son indicadores de la experiencia de carga que tus visitantes tienen.

90+ es ideal, 70-89 es aceptable, menos de 50 es problema

• 90-100 (Verde): Tu sitio carga rápido. Los visitantes tienen una buena experiencia y Google lo favorece en resultados de búsqueda.
• 70-89 (Naranja): Tu sitio es razonablemente rápido. Hay margen de mejora pero no es urgente. Prioriza las optimizaciones de mayor impacto.
• 50-69 (Naranja oscuro): Tu sitio es lento. Necesitas optimizar, especialmente en móvil. Empieza por caché, imágenes y TTFB.
• Menos de 50 (Rojo): Tu sitio es muy lento. Está perdiendo visitantes y conversiones. Necesitas una revisión completa del rendimiento.

El puntaje no es un ranking factor directo — las métricas sí lo son

Google ha confirmado que el puntaje de PageSpeed Insights no es un factor de ranking directo. Lo que importa para el ranking son las métricas de Core Web Vitals (LCP, INP, CLS) medidas con datos reales de usuarios.

Sin embargo:

• Un puntaje bajo casi siempre significa métricas pobres, y métricas pobres sí afectan el ranking
• La experiencia de carga afecta directamente la tasa de rebote y la conversión
• Google Search Console muestra datos de Core Web Vitals reales y los usa como señal de ranking

No persigas un número por el número mismo. Persigue métricas buenas porque significan que tus visitantes tienen una buena experiencia.

La combinación de un hosting rápido con SSD NVMe, LiteSpeed Cache configurado correctamente y las optimizaciones de esta guía te puede llevar de un puntaje de 40-50 a 80-90+ en móvil. Los últimos 5-10 puntos dependen del tema, los plugins y el contenido específico de tu sitio.

Planes de hosting Elevocloud con servidores LiteSpeed y SSD NVMe — el TTFB más bajo para WordPress en Chile, con caché a nivel de servidor que impulsa tu puntaje PageSpeed desde la base. Configuración incluida y soporte técnico en español para optimizar tu sitio al máximo.