Como configurar KeyCDN en WordPress

Autor: | 2017-09-20T11:41:08+00:00 Fecha: 11/01/2016|Categorías: WordPress|Comentarios: 15 comentarios

Volvemos a hablar de servicios de CDN, en este caso vamos a hablar de KeyCDN, un servicio de CDN que lleva bastante tiempo en el mercado y que te ayudará a mejorar el rendimiento de tu sitio web cuando cargue desde diferentes puntos del mundo.
KeyCDN no es el CDN más conocido, aunque sí que es una excelente opción con muchísimas funcionalidades que ayudarán a tu web, y aunque personalmente me quedo con Amazon CloudFront como CDN Premium y CloudFlare como CDN gratuito, siempre está bien tener otras opciones.

keycdn

El modo de funcionamiento de KeyCDN es similar al de otros CDN del mercado como por ejemplo MaxCDN o CDN77, KeyCDN funciona mediante zonas pull o push que apuntan a esas zonas.

La principal ventaja que tiene KeyCDN frente a otros servicios de CDN como MaxCDN, es que permite pagar solo por lo que utilices, es decir, no hay mínimos, si gastas 1 GB de datos transferidos, se te cobra SOLO 1 GB de datos.
Por otro lado, KeyCDN tiene la desventaja de que tiene menos POPs alrededor del mundo que otras alternativas CDN, KeyCDN tiene 24 puntos de presencia, de hecho, tiene presencia en Valencia (España) a diferencia de Amazon y CloudFlare que tienen presencia en Madrid.

En este artículo vamos a ver cómo implementar KeyCDN en una web WordPress, siguiendo todo el proceso de registro de la cuenta e implementación del CDN en WordPress usando el plugin CDN Enabler que está desarrollado por KeyCDN.

 

Crear cuenta en KeyCDN y crear la push zone

Vamos a empezar creando una cuenta en KeyCDN, una cuenta “Trial” que nos permitirá probar el servicio con una capacidad de transferencia máxima, pasada esa transferencia tendremos que pagar toda la transferencia utilizadas por nuestro sitio web.

Para crear una nueva cuenta vamos a este enlace: https://app.keycdn.com/signup

keycdn

Simplemente introduciendo una dirección de correo válida, un nombre de usuario y una contraseña podremos crear una cuenta de prueba en KeyCDN.

No tendremos que hacer nada más, una vez creada nos enviará un correo, pero automáticamente ya nos redireccionará al panel de control de KeyCDN, por lo que deberíamos ver algo similar a esto:

keycdn

Ahora vamos a empezar a crear la zona en KeyCDN para poder empezar a usar el CDN.

Con KeyCDN podemos crear dos tipos de zona, Pull Zone y Push Zone, voy a explicar rápidamente la diferencia entre ambas para que puedas ver las diferencias de funcionamiento existentes entre ambas:

  • Pull Zone: El CDN coge el contenido del servidor original del sitio web, por lo que simplifica mucho el funcionamiento y ayuda bastante con las sincronizaciones en las actualizaciones, ya que se realizan casi al instante, pero este método no es recomendable para archivos grandes.
  • Push Zone: El usuario debe subir a los servidores del CDN el contenido de la web, es decir, el contenido debe ser sincronizado contra los servidores del CDN para que este pueda ser distribuido. En el caso de KeyCDN esta subida se hace mediante FTP y este método es recomendado para servir archivos grandes.

En este caso, para configurar KeyCDN vamos a usar el método Pull Zone, es decir, vamos a crear una Pull Zone.
Para crear una Pull Zone vamos a dirigirnos al panel y buscamos el menú “Zones” en la columna de la izquierda:

keycdn

Ahora vamos a rellenar la sección “Add Zone” con los datos de nuestro sitio web. KeyCDN para crear una nueva zona nos pedirá un nombre, un estado de zona (activado), un tipo de zona (en este caso Pull Zone) y la URL del sitio web.
Este sería un ejemplo de configuración:

keycdn

Finalmente pulsamos en “Save” (botón verde debajo de todo) para crear la nueva Pull Zone.

Con esto se empezara a crear la nueva zona, debemos darle unos minutos hasta que se completa la barra verde:

keycdn

Cuando acabe de crearse la zona podremos acceder a los recursos de nuestro sitio web a través de la URL de zona proporcionada por KeyCDN:

keycdn

Ahora vamos a entrar a WordPress y vamos a implementar el plugin necesario para hacer la integración de KeyCDN en nuestro WordPress.

Vamos a nuestro WordPress y descargamos e instalamos el plugin CDN Enabler, un plugin gratuito desarrollado por KeyCDN precisamente para implementar su CDN: https://es.wordpress.org/plugins/cdn-enabler/

Una vez que instalamos el plugin se añade a “Ajustes” en el back-end de WordPress una nueva sección llamada “CDN Enabler” a la que podemos entrar y podremos ver algo similar a esto:

keycdn

Vamos a empezar sustituyendo los datos por defecto, vamos a cambiar la CDN URL por la URL de KeyCDN que nos da en la zona que nos hemos creado y en condiciones normales el resto de la pantalla de configuración del plugin vamos a dejarla como esta, quedando algo así:

keycdn

Guardamos y limpiamos cache (si lo tenemos), una vez hecho esto podemos probar con Pingdom Tools como los recursos se cargan desde la nueva dirección URL de KeyCDN.

keycdn

Con esto el funcionamiento básico de KeyCDN ya estará configurado y listo para cumplir su función en nuestro sitio web.

 

Crear cNAMEs para KeyCDN

También podemos crear CNAMEs de nuestro dominio, esta es la mejor solución para disimular un poco el CDN usado, ya que de esta forma también podemos hacer carga paralela a través de varios CNAMEs que por detrás apuntan al mismo CDN, es decir, a KeyCDN.

Para configurar CNAMEs para el CDN lo primero es decidir que CNAMEs vamos a crear para el dominio, en este caso me decido por:

  • cdn1.cochesjaponeses.es
  • cdn2.cochesjaponeses.es
  • cdn3.cochesjaponeses.es
  • cdn4.cochesjaponeses.es
  • cdn5.cochesjaponeses.es

Primero voy a dar de alta los nuevos CNAME en el servidor DNS que utilizo, en este caso yo uso CloudFlare para el dominio de ejemplo, por lo que voy a crear los CNAME apuntando a la URL que me ha proporcionado KeyCDN en su panel al crear la zona:

keycdn

Ahora lo que voy a hacer es dar de alta estos dominios en el panel de KeyCDN, para ello nos dirigimos al submenú “Zonealiases”:

keycdn

Creamos un nuevo ALIAS pulsando el botón “New Zonealias”, se nos abrirá una ventana como esta que debemos rellenar:

keycdn

Es posible que al darle a “Add” te pueda dar este error, es porque tienen que propagar los cambios en los CNAMEs en tu servidor DNS primero:

keycdn

Cuando tengamos todos los ALIAS añadidos tendrán la siguiente apariencia:

keycdn

Y finalmente podremos comprobar que los ALIAS están funcionando (cuando propaguen):

keycdn

Una vez que están funcionando podemos usar estos CNAMEs para cargar los contenidos usando varios plugins, a mí personalmente solo hay dos que me llaman la atención, por un lado esta W3 Total Cache y su sección CDN y por otro lado está el plugin Domain Sharding del que ya hemos hablado cuando hablamos de Amazon CloudFront.

 

Configuración avanzada de KeyCDN

En KeyCDN podemos configurar ciertos parámetros para conseguir mayor rendimiento, mayor puntuación de Google PageSpeed, un rendimiento más eficiente y más compatibilidad.

Para desplegar la configuración avanzada de la zona podemos hacerlo al crear la zona o posteriormente modificando la zona. Para editar la zona vamos al listado de zonas y pulsamos sobre el desplegable “Manage” y posteriormente en “Edit”:

keycdn

Ahora debemos pulsar sobre la casilla de verificación llamada “Show Advanced Features”:

keycdn

Y con esto podremos abrir la configuración avanzada de KeyCDN que nos permitirá entre otras cosas configurar el protocolo HTTP/2, la compresión GZIP de los elementos cargados desde el CDN, el TTL y las opciones de HTTPS.

 

[Total: 8 Promedio: 4.9]
Mi nombre es Alvaro Fontela, soy consultor Wordpress y blogger activo desde hace años. Co-Fundador de Raiola Networks, escribiendo sobre Wordpress en este blog día tras día.

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