Para configurar un CDN en WordPress necesitas: elegir un proveedor, crear una zona de distribución, instalar un plugin que reescriba las URLs de tus archivos estáticos y validar que todo funcione. El proceso completo tarda entre 15 y 30 minutos.
Un CDN (Content Delivery Network) replica tus imágenes, archivos CSS, JavaScript y vídeos en servidores ubicados en distintas ciudades del mundo. Cuando alguien visita tu sitio, recibe esos archivos desde el servidor más cercano a su ubicación, no desde tu hosting original.
¿Por qué tu sitio WordPress necesita un CDN?
Sin CDN, cada visitante descarga los archivos estáticos directamente desde el servidor donde está alojado tu hosting. Si ese servidor está en Dallas y tu visitante está en Guadalajara, la latencia añade cientos de milisegundos a cada solicitud.
Con un CDN activo obtienes:
- Tiempo de carga menor: los archivos se sirven desde el punto de presencia (PoP) más cercano al usuario.
- Menos carga en tu hosting: el CDN absorbe la mayor parte de las peticiones de recursos estáticos.
- Mayor disponibilidad: si tu servidor principal cae, el CDN sigue sirviendo archivos cacheados.
- Mejor puntuación en Core Web Vitals: métricas como LCP y TTFB mejoran directamente.
Si quieres profundizar en cómo funcionan estas redes, consulta el artículo sobre rendimiento web en nuestra categoría dedicada.
Paso 1: Elige un proveedor de CDN
Existen opciones gratuitas y de pago. La elección depende de tu presupuesto y del volumen de tráfico que manejes.
| Proveedor | Plan gratuito | Precio aprox. (pago) | Ideal para |
|---|---|---|---|
| Cloudflare | Sí (ilimitado) | Desde $20 USD/mes (Pro) | Cualquier tamaño de sitio |
| BunnyCDN | No (trial 14 días) | Desde $0.01 USD/GB | E-commerce y sitios medianos |
| KeyCDN | No | Desde $0.04 USD/GB | Sitios con mucho tráfico de video |
| AWS CloudFront | Sí (1 TB/mes primer año) | Variable por uso | Proyectos con infraestructura AWS |
Recomendación para México: Cloudflare gratuito es suficiente para la mayoría de los sitios. BunnyCDN es la mejor opción de pago por su relación precio/rendimiento y sus nodos en Latinoamérica.
Paso 2: Crea tu cuenta y zona de distribución
El proceso varía por proveedor, pero los pasos conceptuales son los mismos.
Con Cloudflare (más común)
- Regístrate en cloudflare.com y añade tu dominio.
- Cloudflare escanea tus registros DNS actuales.
- Cambia los nameservers de tu dominio a los que Cloudflare te indique (esto se hace en el panel de tu registrador, p. ej. GoDaddy, Namecheap).
- Espera entre 15 minutos y 24 horas para que la propagación se complete.
- Una vez activo, Cloudflare actúa como proxy y CDN automáticamente para archivos estáticos.
Con BunnyCDN
- Crea una cuenta en bunny.net.
- Ve a Pull Zones y crea una nueva zona.
- En el campo Origin URL escribe la URL de tu sitio (ej.
https://tusitio.com). - BunnyCDN te dará una URL de CDN, por ejemplo:
tusitio.b-cdn.net. - Opcionalmente, configura un subdominio propio como
cdn.tusitio.comapuntando con un registro CNAME a esa URL.
Paso 3: Instala y configura el plugin de CDN en WordPress
WordPress por sí solo no sabe que tiene un CDN. Necesitas un plugin que reescriba las URLs de tus recursos estáticos para que apunten al CDN en lugar de a tu servidor.
Opción A: W3 Total Cache (gratis)
- Desde el panel de WordPress, ve a Plugins → Añadir nuevo.
- Busca W3 Total Cache e instálalo.
- Ve a Rendimiento → CDN.
- Activa la casilla Enable.
- En el tipo de CDN, selecciona el que corresponda a tu proveedor (Generic Mirror para BunnyCDN/KeyCDN; Cloudflare tiene su propia opción).
- Introduce la URL del CDN (ej.
https://cdn.tusitio.com) y guarda los cambios.
Opción B: WP Rocket (de pago, más sencillo)
- Ve a WP Rocket → CDN.
- Activa la opción Enable Content Delivery Network.
- Introduce la URL de CDN en el campo correspondiente.
- Guarda y limpia la caché.
Opción C: CDN Enabler (gratis, ligero)
Si solo quieres reescritura de URLs sin otras funciones de caché, CDN Enabler de KeyCDN es el plugin más liviano. Instálalo, introduce la URL del CDN y listo.
Paso 4: Valida que el CDN está funcionando
Antes de dar el trabajo por terminado, confirma que el CDN sirve correctamente los archivos.
Método 1: Inspecciona las cabeceras HTTP
Abre las DevTools de tu navegador (F12), ve a la pestaña Network, recarga la página y haz clic en cualquier imagen o archivo CSS. En las cabeceras de respuesta deberías ver:
cf-cache-status: HIT(si usas Cloudflare)x-bunny-cache: HIT(si usas BunnyCDN)- La URL del recurso debe apuntar a tu dominio CDN, no a tu servidor original.
Método 2: GTmetrix o PageSpeed Insights
Corre una prueba desde GTmetrix seleccionando un servidor en Europa o Asia. Si el tiempo de carga mejora respecto a la prueba sin CDN, el CDN está funcionando.
Método 3: Comprueba el código fuente
Con Ctrl + U (ver código fuente) busca una etiqueta <img> o <link rel="stylesheet">. La URL debe contener el dominio de tu CDN, no el de tu hosting.
Errores comunes al configurar un CDN en WordPress
- Olvidar limpiar la caché de WordPress: después de activar el CDN, vacía la caché del plugin para que se regeneren las páginas con las URLs nuevas.
- No excluir el área de administración: el panel de WP nunca debe pasar por el CDN; la mayoría de plugins lo excluyen por defecto, pero verifica.
- Servir archivos mixtos (HTTP/HTTPS): si tu sitio usa HTTPS y el CDN sirve archivos en HTTP, los navegadores los bloquearán. Asegúrate de que la URL del CDN también use HTTPS.
- No configurar el TTL (tiempo de vida): un TTL muy corto hace que el CDN no cachee nada útil; uno muy largo dificulta actualizar archivos. Un valor entre 7 y 30 días es razonable para recursos estáticos.
Si necesitas asesoría personalizada para implementar un CDN en tu proyecto, el equipo de elenlace.com puede ayudarte a elegir la mejor arquitectura según tu tráfico y presupuesto.
Conclusiones clave
- Un CDN mejora el tiempo de carga sirviendo archivos estáticos desde servidores cercanos al visitante.
- Cloudflare (gratis) y BunnyCDN (pago) son las mejores opciones para sitios en México.
- Necesitas un plugin (W3 Total Cache, WP Rocket o CDN Enabler) para que WordPress reescriba las URLs hacia el CDN.
- Valida el funcionamiento revisando las cabeceras HTTP o haciendo una prueba en GTmetrix.
- Limpia siempre la caché de WordPress después de activar o cambiar la configuración del CDN.
¿Listo para acelerar tu sitio? El equipo de elenlace.com configura CDN, caché y todos los aspectos de rendimiento web para que tus páginas carguen en menos de 2 segundos, en México y en cualquier parte del mundo.
Preguntas frecuentes
¿Necesito pagar por un CDN para WordPress?
No necesariamente. Cloudflare ofrece un plan gratuito que incluye CDN completo y es suficiente para la mayoría de los sitios WordPress. Las opciones de pago como BunnyCDN ofrecen mayor control y mejor rendimiento en regiones específicas, pero el plan gratis es un excelente punto de partida.
¿Un CDN reemplaza al plugin de caché de WordPress?
No, son complementarios. El plugin de caché genera páginas HTML estáticas en tu servidor para reducir la carga de PHP y base de datos. El CDN distribuye esos archivos (y otros recursos) desde ubicaciones geográficamente cercanas al visitante. Usar ambos da el mejor resultado.
¿Cuánto tiempo tarda en activarse un CDN?
Depende del proveedor. Cloudflare tarda entre 15 minutos y 24 horas (propagación de DNS). BunnyCDN y KeyCDN son casi inmediatos porque solo necesitas actualizar la URL del CDN en tu plugin; no requieren cambio de nameservers.
¿El CDN afecta al SEO de mi sitio?
Positivamente, no negativamente. Google considera la velocidad de carga como factor de posicionamiento. Un CDN mejora el LCP y el TTFB, dos de las métricas Core Web Vitals que Google usa para evaluar la experiencia de usuario. No hay penalización por usar CDN, siempre que todos los recursos se sirvan correctamente en HTTPS.
Compara proveedores
Otros proveedores y guías que vale la pena comparar:
