Contenido
En esta lección voy a hablar sobre Bunny.net el mejor CDN para WordPress, un servicio económico y muy eficaz que se integra perfecta y fácilmente con WordPress.
Bunny.net es el mejor CDN para WordPress y uno de los CDN más populares del mercado. Tiene un enfoque en la simplicidad y facilidad de uso, lo que lo hace perfecto para aquellos que sin muchos conocimiento técnicos buscan una solución sencilla para mejorar la velocidad y el rendimiento de su sitio web.
Con BunnyCDN puedes disfrutar de un servicio de alta calidad a un precio muy asequible.
¿Qué es un CDN?
Un CDN (Content Delivery Network o Red de Distribución de Contenido), como Bunny.net, es un conjunto de servidores distribuidos geográficamente en todo el mundo que se utilizan para almacenar y entregar contenido web a los usuarios finales de forma más rápida y eficiente. En lugar de que todo el tráfico web tenga que pasar por un solo servidor centralizado, un CDN como BunnyCDN, permite que el contenido se entregue desde el servidor más cercano al usuario, lo que reduce la latencia y mejora la velocidad de carga de WordPress.
Ahora, ¿por qué recomiendo Bunny.net para WordPress? Porque es el mejor CDN para WordPress, fácil de configurar, ofrece una amplia gama de características útiles, y lo mejor de todo, es muy económico en comparación con otros servicios de CDN del mercado. Además, Bunny CDN se integra perfectamente con WordPress, lo que significa que puedes configurar todo rápidamente y comenzar a ver los beneficios de inmediato. Con Bunny net, puedes disfrutar de una experiencia de usuario más rápida y eficiente.
Entonces, si estás buscando una forma económica y efectiva de mejorar la velocidad y el rendimiento de tu sitio web WordPress, no busques más allá de Bunny.net. ¡Sigue leyendo para aprender a configurar Bunny CDN en WordPress y empezar a disfrutar de los beneficios de un sitio web más rápido y eficiente a un precio muy asequible!
Cómo configurar Bunny CDN en WordPress
Ahora que hemos hablado de por qué Bunny.net es una excelente opción para optimizar tu sitio web de WordPress, es hora de ver cómo puedes configurar Bunny CDN en WordPress. Pero no te preocupes, ¡es más fácil de lo que piensas!
Solo tienes que seguir estos sencillos pasos:
- Crear una cuenta en Bunny.net
- Acceder al escritorio de Bunny.net
- Crear una Pull Zone
- Activar CDN Bunny net en WordPress
Vamos a verlos uno a uno en profundidad.
Crear cuenta BunnyCDN
Lo primero será crear una cuenta en su web.
Bunny CDN no es gratis, pero sí muy económico. En su página tienes toda la información sobre los precios, aunque de media en webs «normales» suele ser de 1$ al mes.
Y recuerda: tienes 14 días para probarlo gratis
- Nos dirigimos a Bunny.net
- Hacemos clic en el botón de Try Free o Get Started
- Completamos los datos de registro
- ¡Y listo!
Una vez creada tu cuenta accederás al escritorio de Bunny.net:
Crear Pull Zone
Ahora vamos a crear una Pull Zone en Bunny.net, lo que nos permitirá almacenar nuestro contenido web en su red de distribución de contenido.
Crear una Pull Zone en Bunny.net es muy sencillo:
- Primero, debes tener una cuenta en BunnyCDN
- Haber iniciado sesión
- Y dentro de nuestro escritorio de Bunny.net hacer clic en el botón + Add y luego Pull Zone
En esta página tendremos que añadir lo siguiente:
- Pull Zone Name
El nombre que le quieras poner (solo letras y números). No es necesarios ponernos creativos, con el nombre de tu empresa/marca bastará.
En mi caso sería ‘anaislab’.
- Origin Type
Deja seleccionada la opción Origin URL
- Origin URL
Aquí hay que poner la url completa de tu web.
En mi caso sería https://anaislab.com/
- Choose Tier
Para la gran mayoría de web la opción Standard Tier es más que suficiente, incluso para tiendas online.
La opción de High Volume Tier es solo para webs con un gran peso y volumen de visitas, como por ejemplo una web que no puede escatimar en peso y calidad de imágenes y vídeos, pero también es más caro a 5$/TB.
- Princing Zones
Deberás seleccionar o deseleccionar las zonas dependiendo de tu audiencia.
Por ejemplo, si sabes que en Asia no tienes visitantes ni clientes desactivaríamos esta zona
- Y por último creamos la Pull Zone haciendo clic en el botón + Add Pull Zone
Una vez terminada de configurar la Pull Zone BunnyCDN te dirigirá a una página para que integres Bunny con un plugin, pero nosotros no lo vamos a hacer así, vamos a hacerlo de una forma más limpia con la cual nos ahorraremos un plugin de más 👍
No instales el plugin de Bunny.net, sigue leyendo esta lección y te enseñaré cómo vincular Bunny.net en tu WordPress de la forma más limpia y optimizada y con la que nos ahorraremos 1 plugin más.
Forzar SSL de la Pull Zone
Ahora vamos a hablar de cómo forzar SSL en la Pull Zone de Bunny.net, el mejor CDN para WordPress.
Antes de entrar en detalles, es importante entender qué es SSL (Secure Sockets Layer) es un protocolo de seguridad que permite la comunicación encriptada entre un servidor web y un navegador web. SSL se utiliza para proteger la información confidencial del usuario, como contraseñas, datos de tarjetas de crédito y otra información personal. Y a día de hoy es obligatorio tenerlo activo en tu web.
Bunny.net ofrece SSL gratuito para todas sus Pull Zones.
Vamos a volver al apartado de Pull Zones y haremos clic sobre el nombre de la que acabamos de crear.
Para ello iremos al menú de nuestra izquierda en el escritorio:
- Delivery > CDN
- Haz clic en la Pull Zone que acabas de crear
- Activa la opción Force SSL
Y ya tendremos activado el forzado de SSL en nuestra Pull Zone, así de sencillo.
Activar Bunny CDN en WordPress
Una vez ya configurada la Pull Zone en Bunny.net y activado correctamente el forzado SSL, es hora de aprender cómo activarlo en WordPress. Pero antes de continuar, déjame explicarte algo: no usaremos el plugin de BunnyCDN. En su lugar, haremos la integración de forma manual y sencilla con WP Rocket:
- Ve a tu cuenta de BunnyCDN
- Ve a CDN > Pull Zone recién creada
- Copia el hostname de la Pull Zone
Que será algo muy parecido a lo que te muestro a continuación:
- Va al escritorio de tu WordPress
- Ve a WP Rocket > CDN
- Activa la opción Habilitar el Content Delivery Network
- Pega el hostname en CNAME(S) del CDN y elige la opción Todos los archivos
- Y tan solo quedaría darle al botón Guardar los cambios
- No olvides borrar la caché y comprobar que todo funciona correctamente
Mejorar el rendimiento de Bunny CDN
Ahora que ya sabes lo genial que es Bunny.net, quiero enseñarte cómo puedes maximizar su rendimiento activando algunas opciones importantes en tu Pull Zone.
Para ello iremos a la web de Bunny.net y haremos clic en nuestra Pull Zone.
Tendremos un menú en la parte izquierda:
Headers
Lo importante es que estén activas las opciones:
- Add CORS headers
- Add Canonical Headers
Caching
Es muy importante que en ‘Cache Expiration Time’ esté seleccionada la opción ‘Respect Origin Cache-Control’.
Desmarcamos la opción de ‘Query String Sort’, ya que de esto se encarga WP Rocket.
Y activamos la opción ‘Strip Response cookies’.
Importantísima opción para tener un dominio libre de cookies.
¡Y ya está!
Ahora tienes Bunny.net 100% optimizado y configurado correctamente.
Añadir compatibilidad Webp y Bunny CDN
Ahora vamos a dar el último toque, la guinda del pastel: activar la compatibilidad webp usando un CDN.
Ya que al usar un CDN nuestra web necesita un paso extra para que muestre correctamente las imágenes en versión webp.
Vamos a ir al escritorio de WordPress e iremos a los ajustes de Imagify:
Imagify > Ajustes
Y activaremos las opciones:
- Crear versiones webp de las imágenes
- Mostrar imágenes en formate webp en el sitio
- Usar las etiquetas <picture> tags
Al usar WP Rocket y haber añadido el CDN desde él Imagify detecta automáticamente la URL de nuestro CDN y no hará falta que lo añadamos a mano.
Conclusión
Como puedes ver, la configuración de Bunny CDN en WordPress es muy sencilla y fácil de realizar. Con solo unos pocos clics, puedes mejorar significativamente la velocidad y el rendimiento de tu sitio web.
No lo olvides, Bunny.net es el mejor CDN para WordPress, y bunnyCDN es una opción económica y altamente efectiva para mejorar tu sitio. Entonces, ¿qué esperas? Configura tu cuenta hoy mismo y comienza a disfrutar de los beneficios de un sitio web más rápido y eficiente.
