Guia paso a paso para configurar CDN77 con WordPress

Una vez más volvemos a hablar de servicios de CDN, ya que creo que actualmente un servicio de CDN es imprescindible para garantizar la velocidad de carga del sitio web desde cualquier punto del planeta.

En este caso vamos a hablar de CDN77, un servicio CDN que ofrece bastantes puntos de presencia alrededor del mundo y que sirve perfectamente para cualquier usuario que tiene una web orientada al mercado latinoamericano o español.

En días anteriores, también hablamos de CDN, de hecho, hemos visto como configurar algunos servicios paso a paso:

Todos estos servicios anteriormente nombrados los recomendamos, ya que cada uno en su categoría, son excelentes servicios de CDN para tus proyectos web.

cdn77CDN77 es un servicio de CDN que tiene 32 puntos de presencia alrededor del mundo en el momento de escribir este artículo, y lo que más nos interesa a nosotros, tiene 3 puntos de presencia en América Latina y un punto de presencia en España.

cdn77 Estas dos localizaciones de POPs son las que más me gustan para el tipo de proyectos que gestionamos y tenemos alojados en Raiola Networks.

Vamos a ser sinceros, CDN77 es un servicio caro, no es uno de los CDN más baratos, pero sí que es un servicio eficiente y en general es uno de los CDN más eficientes que he visto.

 

Crear una cuenta en CDN77

Lo primero que vamos a hacer para implementar CDN77 en tu web o blog WordPress, es crear una cuenta en CDN77.

Para crear una cuenta con 14 dias de prueba en CDN77 podemos hacerlo desde la siguiente dirección URL: https://www.cdn77.com/signup

cdn77 Una vez rellenados los datos, pulsamos el botón amarillo “Create my account” para avanzar al siguiente paso.

Ahora CDN77 nos mostrará el siguiente asistente donde podemos añadir la web que queremos configurar con el CDN:

cdn774 Rellenamos la URL (en este caso por HTTPS, pero depende de tu web) y un nombre, una vez hecho eso pulsamos el botón “Create CDN Resource”.
La opción “Set up CDN Storage for your content” la dejamos como esta, en “No”.

En el siguiente paso CDN77 nos saca la siguiente pantalla donde nos explica una serie de cosas que debemos hacer si nuestra página esta creada con código propio, pero en este caso vamos a poner el supuesto como ejemplo de que es una web creada con WordPress, por lo que vamos a seguir un proceso especifico.

cdn77 En principio ahora mismo, en este punto, la zona CDN está creada, vamos a definir una serie de configuraciones para empezar a trabajar con ella sin problema.

 

Configurar CNAMEs en CDN77

Ahora vamos a configurar los CNAMEs o subdominios con los que vamos a trabajar, para ello debemos crear los CNAMEs en el DNS de nuestro dominio, sea cual sea, aquí el proceso cambia por completo y es imposible mostrarlo.

Para hacer esto nos debemos ir a la sección CNAMES:

cdn77 Debemos pulsar sobre el botón rodeado de verde “Add Cnames” y podremos ver algo como esto:

cdn77 Debemos crear varios CNAMEs, podemos elegir los subdominios a usar, yo en este caso voy a usar estos:

  • serv1.midominio.com
  • serv2.midominio.com
  • serv3.midominio.com
  • serv4.midominio.com
  • serv5.midominio.com

Pero normalmente se usan estos:

  • cdn1.midominio.com
  • cdn2.midominio.com
  • cdn3.midominio.com
  • cdn4.midominio.com
  • cdn5.midominio.com

Estos nombres son personalizables, lo que es importante es que tengan un número y sean números consecutivos.

Al añadirlos en CDN77, nos aparecerá algo como esto, donde podemos ver (rodeado en rojo) el HOST al que tenemos que apuntar los CNAME al crearlos después en el DNS.

cdn77 Este dato, el host, debemos guardarlo para el siguiente paso que vamos a dar.

Una vez que tenemos los 5 CNAMEs añadidos al panel de CDN77 podremos ver algo similar a esto:

cdn77 Ahora tenemos que crear estos CNAMEs apuntando al HOST que hemos apuntado antes, esto depende mucho de lo que tengamos funcionando como servidor DNS, por ejemplo, en un servidor cPanel que actue como DNS, tendremos que cambiar los registros directamente desde el panel de cPanel y si usamos CloudFlare como DNS, debemos usar el panel de CloudFlare para cambiar los registros.

Lamentablemente, dadas las variaciones de paneles que existen, esto no puedo mostrar como hacerlo.

Una vez que tenemos creados los CNAME, debemos probar si funcionan, para eso introducimos uno de ellos en el navegador, y debería aparecernos la web:

cdn77 Si la web carga, es que tenemos funcionando ya los CNAMEs apuntando al HOST del CDN y todo está listo para empezar a funcionar.

 

Configurar WordPress para usar CDN77

CDN77 al permitir cargar el contenido mediante CNAMEs o subdominios, nos permiten usar cualquier plugin de Domain Sharding para configurar el CDN.

El concepto de Domain Sharding o carga paralela ya la hemos explicado en este artículo junto a un plugin también llamado Domain Sharding que nos permitirá implementar cualquier CDN que use subdominios o CNAMEs: https://raiolanetworks.es/blog/domain-sharding-vs-cdn-wordpress/

Como he dicho, podemos implementar el CDN con varios plugins, destinados específicamente a hacer esto tenemos estos:

  • WP Parallel Loading System.

Pero si lo que quieres es matar varios pájaros de un cañonazo y quieres que el propio plugin de cache te permita implementar el CDN, tienes varias opciones de las que hemos hablado bastante en este blog:

Yo en este caso, voy a mostrar el ejemplo de cómo realizar la implementación en WordPress utilizando el plugin Domain Sharding, ya que es lo más “neutral” que he encontrado sin obligar al usuario a decidir que plugin de cache utilizar en base a la carga paralela o al CDN.

Ya que vamos a hacer el proceso con Domain Sharding, vamos a descargar el plugin Domain Sharding directamente desde el repositorio oficial de WordPress que puedes encontrar en la siguiente dirección URL: https://es.wordpress.org/plugins/domain-sharding/

Cuando lo instalemos y lo activemos, nos saldrá una nueva sección en el back-end de WordPress, en “Ajustes”, llamada “Domain Sharding”.

cdn77 La imagen anterior es solo orientativa, es decir, es una captura que he sacado de otro artículo, ya que yo esta configuración la realizo con WP Rocket, pero al ser un plugin Premium no lo he puesto como referencia en el proceso de configuración.

Aun así, debemos rellenar los campos como puedes ver en la imagen anterior, debemos especificar el número de subdominios y debemos poner nuestro dominio, donde irá la numeración del CNAME debemos poner una almohadilla #.

Las dos casillas de verificación que puedes ver en la imagen deben estar activas para evitar problemas.

El plugin Domain Sharding realiza automáticamente la carga desde uno de los subdominios o CNAMEs de forma aleatoria.

Si no consigues hacer la configuración usando Domain Sharding, tal vez deberías cambiar de plugin de cache, empezar a utilizar WP Rocket y con eso, poder usar la funcionalidad que nos permite hacer esto.

Si te interesa implementarlo en otro CMS o con otro plugin para WordPress, siempre puedes consultar documentación de integración que tiene la gente de CDN77 en su web: https://client.cdn77.com/support/knowledgebase/cms-integration

 

Configuración avanzada de CDN77

Esto es un manual básico, y no vamos a detallar temas relacionados con la configuración avanzada de CDN77, ya que podríamos escribir un libro (en general de cualquier CDN podríamos escribir casi un libro).
De todas formas, también comentar que CDN77 es compatible con HTTPS y que podemos instalar certificados SNI directamente desde su panel de control.

Si activamos HTTPS, es importante que activemos la redirección obligatoria de todas las peticiones a HTTPS desde el propio panel de CDN77.

Debemos tener cuidado con las opciones de precache de CDN77, ya que, si nuestro servidor no tiene la suficiente potencia y le exigimos mucho, puede llegar a saturar de peticiones nuestro servidor o plan de hosting, al fin y al cabo, CDN77 consigue el “material” para servir a los visitantes directamente desde el servidor que aloja nuestra web.

Para ser compatible con los últimos navegadores del mercado, es posible que tengas que activar CORS en tu servidor web, esto es algo común, pero es posible que tengas que contactar con un administrador de sistemas para hacer esto si no tienes conocimientos o no tienes acceso.

 

Share on twitter
Compartir en Twitter
Share on facebook
Compartir en Facebook
Share on pinterest
Compartir en Pinterest

Tenemos 18 comentarios en

"Guia paso a paso para configurar CDN77 con WordPress"

18 respuestas

    1. La razón es que ya que estamos, implementar carga paralela o Domain Sharding, aqui puedes ver mas información sobre el tema: https://raiolanetworks.es/b

      Cuando HTTP/2 este completamente implementado, el Domain Sharding quedara descartado, pero por el momento si tu web tiene muchas peticiones al servidor, la carga paralela ayuda.

      Un saludo.

    1. Hola Josep, pues se evita con el .htaccess o con plugins como Domain Sharding o WP Rocket, ya que estos plugins al permitirte cargar estáticos desde subdominios también hacen redireccion automática de paginas al dominio principal.

      Un saludo.

    1. Nosotros los tenemos todos activos, ya que es lo recomendable, no tendría sentido activar solo el de España, ya que esa es precisamente la ventaja que ofrece un CDN.

      Un saludo.

    1. Elegí HTTPS porque la web usada para la prueba del articulo (esta misma) usa HTTPS y si los subdominios cargaran por HTTP a secas, saltaría el aviso de peticiones inseguras al combinar ambos protocolos.

      Si tu web carga con HTTP, puedes hacer que las peticiones al CDN carguen por HTTP, sin HTTPS, en caso de que tu web utilice HTTPS, lo lógico para que todo funcione correctamente es HTTPS.

      Un saludo.

      1. ya instale el CDN77, por 12 meses. otra pregunta, yo queria poner el candado verde, para mostrar como sitio seguro y brindar mas confianza, para hacer eso hay que pasarla de http a https, verdad? tambien lei por ahi, que la pagina se pone mas lenta, y que incluso ante los buscadores perdes posiciones. El https, es lo mismo que el SSL? o uno es el candado verde y el otro es escrito en verde?

  1. otra pregunta: con respecto a la configuracion del CDN77, es cierto que se puede hacer de 2 formas? utilizando una imagen que te da y la otra es con los cnames? yo utilize la primera, es mas sencilla, para no cambiar esas cosas del cnames. esta bien? graciasss

  2. hola amigos, tengo problemas con el duplicado que produce el CDN 77 sobre mi posionamiento estaba en la primera pagina de google entre los primeros puestos, y ahora me cai a la segunda pagina. Como elimino la imagen que te toma CDN como espejo?

    1. Hola Gaston, plugins como Domain Sharding o incluso WP Rocket redireccionan los subdominios / CNAMEs usados al dominio principal para que no ocurran cosas como la que comentas.

      Un saludo.

    1. Ese error da igual, ya que al implementar Domain Sharding con un CDN, es normal que aparezca ese error.

      Un saludo.

  3. Estoy probando Cdn77 en mi WordPress donde también uso WP Rocket
    Configuro y activo el CDN pero mi web pierde el estilo y no muestra las fotos

    1. Hola, Tecnopeda.

      Tenemos un manual que explica cómo configurar WP-Rocket con CDN y puedes ver aquí: https://raiolanetworks.es/b

      La pérdida de estilos puede venir dada por subdominios que no muestren correctamente el contenido, una caché previa de objetos sin estilos o fallos de configuración en el plugin.

      Si aún tuvieses problemas, mándame una captura de pantalla de la configuración de CDN dentro de WP-Rocket y vemos de resolver el problema. Adicionalmente siéntete libre de comentarme el dominio que te da fallos.

      Un saludo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Utilizamos cookies propias y de terceros para obtener información estadística, mostrar publicidad personalizada a través del análisis de tu navegación, así como para interactuar en redes sociales. Si continúas navegando, consideramos que aceptas nuestra Política de cookies. ACEPTAR

Aviso de cookies
covid19

#FrenarLaCurva