PageSpeed: Guía Completa para Mejorar la Velocidad de Tu Web
Todo lo que necesitas saber sobre PageSpeed Insights, Core Web Vitals y cómo conseguir un score de 90+ en tu web.
¿Qué es PageSpeed Insights?
PageSpeed Insights (PSI) es una herramienta gratuita de Google que analiza el rendimiento de tu web tanto en dispositivos móviles como en escritorio. Proporciona un score del 0 al 100 y consejos específicos para mejorar la velocidad de carga.
A diferencia de otras herramientas, PSI combina datos reales de usuarios (Campo Data) con simulaciones de laboratorio (Lab Data). Esto significa que no solo te dice cómo se comporta tu web en condiciones controladas, sino cómo la experimentan tus visitantes reales.
Puedes usarla gratuitamente en pagespeed.web.dev. Solo necesitas introducir la URL de tu web y en segundos tendrás un informe completo.
¿Por qué importa la velocidad?
53%
de visitantes cierran una web que tarda más de 3 segundos en cargar
-7%
de conversiones por cada segundo de retardo en la carga
1-3s
es el rango aceptable para Google. Más de 3s es crítico
Google usa la velocidad como factor de posicionamiento desde 2021 (Core Web Vitals). Una web lenta no solo pierde visitantes, sino que también pierde posiciones en los resultados de búsqueda. Según estudios, el 1er resultado de Google recibe el 31.7% de los clics, mientras que el 10° solo recibe el 2.4%.
Core Web Vitals: Las 3 métricas que importan
Google ha simplificado las métricas de rendimiento en 3 indicadores clave llamados Core Web Vitals. Estos son los que realmente afectan a tu posicionamiento:
LCP (Largest Contentful Paint)
Qué mide: Cuánto tarda en cargar el contenido principal de la página (típicamente una imagen o bloque de texto grande).
Objetivo: Menos de 2.5 segundos.
Cómo mejorarlo: Optimiza imágenes (WebP, compresión), usa CDN, mejora el tiempo de respuesta del servidor, elimina render-blocking resources.
FID (First Input Delay) → INP (Interaction to Next Paint)
Qué mide: Cuánto tarda la web en responder cuando un usuario hace clic por primera vez. Desde 2024, Google usa INP que mide la interactividad general.
Objetivo: Menos de 100 milisegundos.
Cómo mejorarlo: Minifica JavaScript, divide el código en chunks, usa defer/async para scripts no críticos, reduce el trabajo del hilo principal.
CLS (Cumulative Layout Shift)
Qué mide: Cuánto se mueve el contenido de la página mientras se carga. Un CLS alto significa que los elementos se desplazan inesperadamente.
Objetivo: Menos de 0.1.
Cómo mejorarlo: Define dimensiones explícitas en imágenes y videos, usa CSS para reservar espacio, evita inyectar contenido dinámico sobre el contenido existente.
Cómo medir la velocidad de tu web
Existen varias herramientas gratuitas para medir la velocidad de tu web. Te recomiendo usar al menos dos para obtener una visión completa:
Google PageSpeed Insights
La herramienta oficial de Google. Combina datos de campo y laboratorio. Gratis en pagespeed.web.dev
GTmetrix
Análisis detallado con waterfall, screenshots y recomendaciones específicas. Versión gratuita disponible.
Lighthouse (Chrome DevTools)
Integrado en Chrome. Puedes ejecutarlo desde las DevTools (F12 → Lighthouse).
WebPageTest
Análisis profundo desde múltiples ubicaciones y dispositivos. Ideal para diagnóstico avanzado.
10 Mejoras que puedes hacer hoy
Estas son las optimizaciones más efectivas que puedes implementar sin ser programador experto:
Optimiza tus imágenes
Convierte imágenes a WebP, comprimelas (TinyPNG), y usa lazy loading. Las imágenes pesadas son la causa #1 de webs lentas.
Habilita la caché del navegador
Configura headers de caché para que los visitantes no descarguen los mismos recursos cada vez que visitan tu web.
Minifica CSS y JavaScript
Elimina espacios, comentarios y código innecesario. Plugins como Autoptimize lo hacen automáticamente.
Usa una CDN
Una Red de Distribución de Contenido sirve tu web desde el servidor más cercano al visitante. Cloudflare tiene plan gratuito.
Reduce redirects
Cada redirección añade tiempo de carga. Minimiza las redirecciones 301/302.
Optimiza el servidor
Usa hosting de calidad. El hosting compartido barato suele ser el cuello de botella.
Elimina plugins innecesarios
Cada plugin de WordPress añade código. Desactiva los que no uses.
Usa lazy loading
Carga las imágenes solo cuando el usuario las necesita (scroll). WordPress lo incluye por defecto desde la versión 5.5.
Optimiza la base de datos
Limpia revisiones, transients y datos huérfanos. Plugins como WP-Optimize lo hacen automático.
Implementa AMP (si aplica)
Accelerated Mobile Pages carga casi instantáneamente en dispositivos móviles. Ideal para blogs y noticias.
Errores comunes que debes evitar
Imágenes sin optimizar
Subir fotos de 5MB desde la cámara sin comprimirlas. Convierte siempre a WebP y comprime.
Demasiados plugins de WordPress
Cada plugin añade CSS y JavaScript. Usa solo los esenciales y desactiva los que no necesites.
Hosting compartido barato
El hosting compartido comparte recursos con cientos de webs. Si una recibe mucho tráfico, todas sufren.
No usar CDN
Si tu servidor está en España y tu cliente en México, la web tardará más en cargar. Una CDN resuelve esto.
¿Cuándo necesitas ayuda profesional?
Si después de implementar las mejoras básicas tu web sigue teniendo un score bajo, es momento de buscar ayuda profesional. Un ingeniero web puede:
- Realizar una auditoría técnica profunda
- Optimizar el código a nivel de servidor
- Implementar CDN y caché avanzada
- Configurar el hosting óptimo
- Monitorizar y mantener la velocidad a largo plazo
Artículos relacionados
Preguntas Frecuentes
¿Necesitas mejorar la velocidad de tu web?
Auditoría de velocidad gratuita. En 24 horas sabrás qué mejorar.