Almacenamiento en caché de página completa con BunnyCDN para WordPress: guía de configuración completa
El almacenamiento en caché HTML completo con BunnyCDN convierte tu sitio WordPress en una máquina de velocidad estática. Tus páginas se sirven directamente desde la red perimetral global de BunnyCDN, evitando tu servidor de origen en cada solicitud almacenada en caché. El resultado: tiempos de carga mucho más rápidos, menor carga del servidor y una CDN que gestiona picos de tráfico sin afectar a tu servidor.
Esta guía abarca la configuración completa: zona DNS, zona de extracción, SSL, integración con LiteSpeed Cache y las 7 reglas de borde que hacen que el almacenamiento en caché de página completa funcione correctamente sin interrumpir los inicios de sesión, el acceso de administrador ni el contenido dinámico.
- Una cuenta de BunnyCDN: créala gratis en bunny.net
- Acceso a su registrador de dominios (para actualizar los servidores de nombres)
- El plugin LiteSpeed Cache está instalado y activo en tu sitio de WordPress
- La dirección IP de su servidor de origen
Paso 1: Configurar el DNS de BunnyCDN
BunnyCDN DNS es una red DNS anycast rápida. Al usarla junto con tu zona de extracción, obtienes rendimiento tanto de CDN como de DNS en un solo panel. Este paso crea una zona DNS para tu dominio y actualiza tu registrador para que apunte a los servidores de nombres de BunnyCDN.
Creación de una zona DNS en el panel de control de BunnyCDN
BunnyCDN asigna dos servidores de nombres; actualícelos en su registrador
Zona DNS con registro A y registros CNAME configurados
Paso 2: Crear una zona de atracción
Una zona de extracción es lo que BunnyCDN utiliza para obtener y almacenar en caché tu contenido. La creas una vez, la apuntas a tu servidor de origen y BunnyCDN se encarga de la entrega desde los nodos perimetrales en todo el mundo.
Creación de una nueva zona de extracción: establezca el tipo de origen en URL de origen
Zona de extracción creada: anote el nombre de host .b-cdn.net para su registro CNAME
Gestión de zonas de extracción: agregue aquí su nombre de host personalizado
Paso 3: Agregar certificados SSL
BunnyCDN puede generar automáticamente un certificado SSL gratuito para su nombre de host personalizado, o bien puede subir el suyo propio.
Configuración SSL en la zona de extracción: genere el certificado gratuito y habilite Forzar SSL
Paso 4: Configurar LiteSpeed Cache para BunnyCDN
LiteSpeed Cache cuenta con integración nativa con BunnyCDN. Al conectar ambos servicios, LiteSpeed puede purgar automáticamente la caché de la CDN al publicar o actualizar contenido.
Paso 5: Ajustar la configuración de caché
Antes de agregar reglas de borde, asegúrese de configurar correctamente el almacenamiento en caché básico en los ajustes de la zona de extracción de BunnyCDN.
- TTL de la caché del navegador: Establecido en 30 días (2.592.000 segundos) para los recursos estáticos. Los navegadores los almacenan en caché localmente y evitan volver a solicitarlos en visitas posteriores.
- TTL de la caché de origen: Establecido en 1 día (86400 segundos) para páginas HTML. Esto se anula para cada ruta mediante las reglas de borde.
- Variar caché: Habilite la opción "Variar caché por cookie" si su sitio web ofrece contenido diferente a los usuarios registrados. Esto evita que se muestren a los usuarios invitados las páginas almacenadas en caché para usuarios registrados.
- Ignorar cadenas de consulta: Desactive esta opción. WordPress utiliza cadenas de consulta para evitar problemas de caché (por ejemplo, ?ver=6.4). Ignorarlas generaría código CSS y JS obsoleto.
- Habilitar Gzip/Brotli: Habilitar ambos. BunnyCDN comprime las respuestas en el extremo de la red antes de la entrega, lo que reduce el tamaño de la transferencia entre un 60 % y un 80 % para el contenido de texto.
Configuración de almacenamiento en caché de zona de extracción: opciones de TTL, caché variable y compresión
Paso 6: Las 7 reglas de borde para el almacenamiento en caché de página completa
Las reglas Edge son donde se configura el almacenamiento en caché HTML de página completa. Estas 7 reglas funcionan en conjunto: las reglas 1 y 2 imponen URL canónicas, la regla 3 omite la caché para rutas sensibles, las reglas 4 y 5 establecen TTL largos para los recursos estáticos, y las reglas 6 y 7 controlan el almacenamiento en caché del lado del navegador. Aplíquelas en este orden.
Panel de reglas de Edge en BunnyCDN: agregue cada regla en orden
Configuración de condiciones y acciones para una regla de borde individual
Garantiza que cada página se sirva con una URL canónica coherente, evitando así problemas de contenido duplicado a nivel de la CDN.
Condición: El nombre de host no coincide con www.example.com
Acción: Redirigir la URL a https://www.example.com{Path}{QueryString} con estado 301
Redirige el tráfico sin www a www en el borde de la red, antes de que llegue a su servidor de origen. Es coherente con la Regla 1, pero detecta variaciones de URL adicionales.
Condición: La URL de la solicitud coincide con ^http://example.com/ (expresión regular)
Acción: Redirigir la URL a https://www.example.com{Path}{QueryString} con estado 301
Omite la caché de la CDN para el panel de administración de WordPress, el inicio de sesión, el proceso de pago, el carrito de compras y cualquier ruta que no deba servir respuestas almacenadas en caché. Esta es la regla más importante: si se configura incorrectamente, las sesiones de administración con usuarios registrados servirán páginas almacenadas en caché.
Condición: Cualquiera de las siguientes rutas URL coincide:
Acción: Anular tiempo de caché = 0 (no almacenar en caché)
Establece un TTL de caché del lado del servidor prolongado para los archivos CSS y JavaScript. Estos cambian con poca frecuencia y deben almacenarse en caché de forma agresiva en el borde de la red.
Condición: La extensión coincide con CSS o JS.
Acción: Sobrescribir. Tiempo de caché = 2592000 (30 días en segundos).
Establece un TTL de caché del lado del servidor aún mayor para los archivos multimedia. Las imágenes y las fuentes rara vez cambian y se benefician del almacenamiento en caché perimetral extendido.
Condición: La extensión coincide con jpg O jpeg O png O gif O webp O svg O woff O woff2 O mp4
Acción: Anular tiempo de caché = 31536000 (1 año en segundos)
Establece encabezados Cache-Control que indican a los navegadores que almacenen en caché localmente las hojas de estilo CSS y JavaScript. De esta forma, los visitantes que regresen a su sitio web evitarán tener que volver a descargar estos archivos cada vez que carguen una página.
Condición: La extensión coincide con css O js
Acción: Establecer encabezado de respuesta = Cache-Control: public, max-age=2592000, immutable
Aplica encabezados de almacenamiento en caché del navegador consistentes a todos los tipos de recursos estáticos, lo que garantiza que las imágenes, las fuentes y los archivos multimedia se almacenen en caché por el navegador entre sesiones.
Condición: La extensión coincide con jpg O jpeg O png O gif O webp O svg O woff O woff2
Acción: Establecer encabezado de respuesta = Cache-Control: public, max-age=31536000, immutable
Paso 7: Verificar la configuración
Una vez guardadas todas las reglas, compruebe la caché antes de darla por finalizada.
Prueba con curl
La forma más rápida de confirmar que BunnyCDN está sirviendo respuestas almacenadas en caché es comprobar los encabezados de respuesta. Busque x-bunny-cache: HIT en solicitudes repetidas:
En la primera solicitud verá x-bunny-cache: MISS (obteniendo desde el origen). En la segunda solicitud a la misma URL debería ver x-bunny-cache: HIT (servido desde el borde). Si sigue viendo MISS después de varias solicitudes, compruebe que la Regla 3 no esté sobreestimando sus rutas.
Prueba con tu navegador
Abre las herramientas para desarrolladores (F12), ve a la pestaña Red y recarga tu página de inicio. Comprueba los encabezados de respuesta en la solicitud del documento HTML. Busca el x-bunny-cache y confirma que la URL de la CDN esté sirviendo tus recursos (las imágenes, CSS y JavaScript deben mostrar el nombre de host de tu CDN en el iniciador).
Acceso de administrador de prueba
Inicia sesión en el panel de administración de WordPress y confirma que se carga correctamente. Si la regla 3 está configurada correctamente, /wp-admin/* debería omitir la caché por completo y deberías ver una interfaz de administración actualizada y funcional. Si ves una página obsoleta o se cierra tu sesión, revisa la configuración de la regla 3.
Prueba una vista de página con sesión iniciada
Inicie sesión como usuario habitual y navegue por la interfaz. Debería aparecer la barra de herramientas. Si se muestra una página almacenada en caché a un usuario que ha iniciado sesión sin que aparezca la barra de herramientas, la configuración de "Variar caché por cookie" no está activa o el nombre de la cookie de inicio de sesión no está configurado correctamente.
Al ejecutar esto en un VPS administrado por RemarkableCloud , LiteSpeed viene preconfigurado y BunnyCDN purga automáticamente la caché al publicar. El servidor se gestiona solo.
Vea qué incluye →Un sitio WordPress rápido comienza con un servidor rápido y administrado
El VPS gestionado de RemarkableCloud incluye LiteSpeed, monitoreo proactiva, copias de seguridad diarias y una puerta de enlace de correo electrónico gratuita en todos los planes. BunnyCDN se encarga de la infraestructura; nosotros nos encargamos de todo lo demás. Desde 2 $ el primer mes.
Consulte los planes de VPS administrados


