Índice del artículo
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:
- Guía paso a paso para configurar Amazon CloudFront con Wordpress: https://raiolanetworks.es/blog/como-configurar-el-cdn-amazon-cloudfront-en-wordpress/
- Guía paso a paso para configurar CloudFlare: https://raiolanetworks.es/blog/guia-configurar-cloudflare-cdn-paso-paso/
- Guía paso a paso para configurar KeyCDN con Wordpress: https://raiolanetworks.es/blog/como-configurar-keycdn-en-wordpress/
Todos estos servicios anteriormente nombrados los recomendamos, ya que cada uno en su categoría, son excelentes servicios de CDN para tus proyectos web.
CDN77 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.
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
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:
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.
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:
Debemos pulsar sobre el botón rodeado de verde “Add Cnames” y podremos ver algo como esto:
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.
Una vez que tenemos los 5 CNAMEs añadidos al panel de CDN77 podremos ver algo similar a esto:
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:
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.
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:
- W3 Total Cache: http://www.marketingandweb.es/marketing/w3-total-cache/
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”.
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.
18 respuestas
La pregunta mia es ¿por que creo varios cnames y no uno? que ventaja puede tener el crear varios?
La razón es que ya que estamos, implementar carga paralela o Domain Sharding, aqui puedes ver mas información sobre el tema: enlace
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.
Buen tutorial. Ahora, ¿como se evita para no tener el contenido duplicado y que google no penalice el seo de la página web?
porque si la web es http://www.dominio.com mostrará el mismo contenido que serv1.dominio.com
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.
Gracias, probaré a ver que tal
En el caso de usar cdn77 ¿se debe activar todos los datacenters que ofrecen o solo el de España?
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.
porque elejiste https? y no http? uno puede elejir cualquiera de los dos?
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.
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?
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
Hola, yo personalmente prefiero los CNAMEs, pero el rendimiento mas o menos sera el mismo.
Un saludo.
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?
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.
https://uploads.disquscdn.c…
instale el sharving domain, todo bien, pero me da un error abajo en subdominio dice no valido me salen 2 ip diferentes-
Ese error da igual, ya que al implementar Domain Sharding con un CDN, es normal que aparezca ese error.
Un saludo.
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
Hola, Tecnopeda.
Tenemos un manual que explica cómo configurar WP-Rocket con CDN y puedes ver aquí: enlace
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.