Esta guía es un tutorial técnico para mejorar la velocidad de tu sitio web. Sin rodeos: solo los pasos, herramientas y configuraciones que realmente mueven la aguja en SEO y Core Web Vitals.
1. Mide tu velocidad actual (antes de tocar nada)
No optimices a ciegas. Mide primero con estas herramientas:
- PageSpeed Insights – datos de Core Web Vitals reales y simulados.
- GTmetrix – cascada de carga y waterfall detallado.
- WebPageTest – pruebas avanzadas por ubicación y dispositivo.
- Chrome DevTools > Lighthouse – auditoría local.
Anota tres valores base: LCP, CLS e INP. Son los Core Web Vitals que Google usa en 2026.
Valores objetivo
- LCP (Largest Contentful Paint): < 2.5 s
- CLS (Cumulative Layout Shift): < 0.1
- INP (Interaction to Next Paint): < 200 ms
2. Elige un hosting rápido
El hosting es el techo de velocidad de tu web. Si es lento, ninguna optimización lo compensa.
- Servidores con NVMe y LiteSpeed o NGINX.
- PHP 8.2+ y HTTP/3.
- Ubicación del servidor cercana a tu audiencia.
- Soporte para Redis u OPcache.
3. Activa una CDN
Una CDN distribuye tus archivos estáticos en servidores globales.
- Cloudflare (plan gratuito sirve para la mayoría).
- BunnyCDN (económica y rápida).
- QUIC.cloud (integración nativa con LiteSpeed Cache).
Habilita en la CDN: Brotli, HTTP/3, Auto Minify y Cache Everything en rutas estáticas.
4. Instala un plugin de caché
El caché evita que WordPress regenere la página en cada visita.
- WP Rocket (de pago, el más sencillo).
- LiteSpeed Cache (gratis, solo con servidores LiteSpeed).
- FlyingPress (gran rendimiento técnico).
- W3 Total Cache (gratis, más manual).
Configuración mínima recomendada
- Caché de página activado.
- Caché de navegador con expiración > 1 año para estáticos.
- GZIP o Brotli activados.
- Precarga de caché (cache preload).
- Caché para usuarios móviles habilitado.
5. Optimiza imágenes
Las imágenes suelen ser el 60-70% del peso de una página.
- Convierte a WebP o AVIF.
- Sirve tamaños responsivos con
srcset. - Activa lazy loading (
loading="lazy"). - Comprime con ShortPixel, Imagify o Squoosh.
- Define width y height en el HTML para evitar CLS.
6. Reduce y combina CSS y JavaScript
- Minificar CSS, JS y HTML.
- Diferir JS no crítico con
deferoasync. - Eliminar CSS no usado (Remove Unused CSS en WP Rocket / FlyingPress).
- Cargar fuentes con
font-display: swapy preload de la fuente principal. - Limitar Google Fonts a 1 o 2 familias y solo los pesos necesarios.
7. Optimiza la base de datos
- Elimina revisiones de posts antiguas.
- Borra transients caducados y spam de comentarios.
- Optimiza tablas con WP-Optimize o Perfmatters.
- Limita revisiones en
wp-config.php:
define('WP_POST_REVISIONS', 5);
define('AUTOSAVE_INTERVAL', 120);
8. Desactiva lo que no usas
- Desinstala plugins inactivos.
- Deshabilita emojis, embeds, XML-RPC y heartbeat si no los necesitas.
- Limita el WordPress Heartbeat API a 60 segundos.
- Bloquea bots agresivos desde Cloudflare.
9. Mejora el LCP (Largest Contentful Paint)
- Preload de la imagen principal del hero.
- Sirve el hero como WebP optimizado.
- Evita lazy load en la imagen del LCP.
- Inline del CSS crítico above-the-fold.
10. Mejora el CLS (Cumulative Layout Shift)
- Define dimensiones en imágenes, vídeos e iframes.
- Reserva espacio para banners de anuncios y consent.
- Evita inyectar contenido encima del que ya cargó.
- Carga fuentes con
font-display: swapy preload.
11. Mejora el INP (Interaction to Next Paint)
- Reduce scripts de terceros (chats, píxeles, A/B testing).
- Carga widgets como YouTube con facade (lite-youtube).
- Divide JS en chunks más pequeños.
- Posterga scripts hasta la primera interacción del usuario.
12. Verifica de nuevo
Ejecuta otra vez PageSpeed Insights y GTmetrix. Compara contra los valores base del paso 1. Si un cambio empeoró las métricas, revíertelo. Documenta lo que funcionó.
Checklist técnico final
- [ ] LCP < 2.5 s
- [ ] CLS < 0.1
- [ ] INP < 200 ms
- [ ] HTTPS + HTTP/3 activos
- [ ] Caché de página y navegador activados
- [ ] CDN activa con Brotli
- [ ] Imágenes en WebP/AVIF con lazy load
- [ ] CSS y JS minificados y diferidos
- [ ] Base de datos optimizada
- [ ] Plugins innecesarios eliminados
Preguntas frecuentes
¿Cuánto debe tardar en cargar una web?
Menos de 2.5 segundos en LCP. Idealmente entre 1 y 2 segundos en conexiones 4G.
¿Sirve un plugin de caché si tengo un hosting lento?
Ayuda, pero no compensa un hosting deficiente. Primero asegura un buen servidor.
¿WebP o AVIF?
AVIF comprime más, pero WebP tiene mayor compatibilidad. Usa AVIF si tu CDN o plugin lo sirve con fallback automático a WebP.
¿La velocidad influye en el SEO?
Sí. Los Core Web Vitals son factor de ranking confirmado por Google desde 2021 y siguen vigentes en 2026.
¿Cada cuánto debo auditar la velocidad?
Una vez al mes y siempre que instales un plugin nuevo, cambies de tema o añadas scripts de terceros.