Cómo Mejorar la Velocidad de tu Sitio Web: Guía SEO 2026

Velocidad de carga de un sitio web

Tabla de contenido

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 defer o async.
  • Eliminar CSS no usado (Remove Unused CSS en WP Rocket / FlyingPress).
  • Cargar fuentes con font-display: swap y 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: swap y 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

También te puede interesar: para posicionar mejor, sigue la guía completa de SEO On-Page e instala los 10 mejores plugins SEO para WordPress. Y si no quieres tocar nada técnico, contrata el mantenimiento de WordPress en RD.

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.