7 days of WordPress plugins, themes & templates - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Code
  2. Performance

Acelera la distribución de tu contenido con KeyCDN

Scroll to top
Read Time: 9 mins
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

What You'll Be Creating

En este tutorial, te voy a introducir a KeyCDN, una red de distribución de contenido (CDN) rápida, sencilla, asequible y confiable que querrás usar en todos tus sitios.

Si no sabes qué es una CDN, la simplicidad de KeyCDN hace que sea una elección perfecta para los no iniciados. También es adecuada para los administradores de sistemas experimentados, ya sea porque valores la excelente interfaz de usuario, sus bajos precios o porque quieras hacer uso de su API.

¿Qué es una red de distribución de contenidos?

Una red de distribución de contenidos es un sistema de servidores distribuidos geográficamente. Estos servidores globales mantienen automáticamente réplicas de tu contenido. El principal beneficio de una CDN es el rendimiento y la alta disponibilidad.

Las CDN aceleran los sitios web o la entrega de datos al reducir enormemente los tiempos de carga alrededor del mundo. El contenido es entregado desde el servidor disponible más cercano. Un servidor avanzado disminuye la latencia dado que está más cerca de los usuarios finales, y cuanto más cerca esté un servidor, menos congestión existirá en la ruta. Consulta también: ¿Qué es una red de distribución de contenido (CDN)?

KeyCDN Whats a Content Delivery Network CDNKeyCDN Whats a Content Delivery Network CDNKeyCDN Whats a Content Delivery Network CDN

Crédito de la imagen: Content Delivery Network (Wikipedia)

¿Qué es KeyCDN?

KeyCDN es un proveedor de un servicio basado en la nube que se centra exclusivamente en proporcionar redes de distribución de contenido rápidas, asequibles, confiables, y fácil de usar.

En tan solo unos minutos, podrás suscribirte a KeyCDN y optimizar cualquier sitio web, incluyendo los creados con WordPress.

KeyCDN ofrece todas las características básicas de un CDN junto a una variedad de capacidades. Su interfaz de usuario es simple e intuitiva. Y aprecio sus avanzados informes y la capacidad de registrar a tiempo real.

¿Cómo funciona?

Antes de investigar para este tutorial, era cliente de Amazon AWS CloudFront. AWS siempre está mejorando, pero el diseño de sus interfaces de usuario son todavía muy complicadas y su producto de CDN es demasiado caro. Después de usar KeyCDN, trasladé rápidamente todos mis sitios.

Aquí tienes un ejemplo de un sitio web típico (mi sitio WordPress Jeff Reifman), usando KeyCDN. Más abajo tienes un artículo muy popular que escribí el año pasado y que recibió un considerable tráfico web. Sin una red CDN, la petición de cada página desataba una cascada de peticiones de JavaScript, de CSS y de imágenes en mi servidor Apache, o peor, mi pila WordPress. Al usar una CDN, todo este tráfico se distribuye a un tercero optimizado para la distribución global de contenido, en este caso, KeyCDN. Si observas el inspector web, verás que la URL de la imagen se sirve desde KeyCDN:

KeyCDN On my personal WordPress Site - Image from CDNKeyCDN On my personal WordPress Site - Image from CDNKeyCDN On my personal WordPress Site - Image from CDN

La red global optimizada de KeyCDN no solo distribuye contenido a mis lectores más rápidamente, sino que también reduce en gran medida la cantidad de solicitudes y la sobrecarga de mi propio servidor.

¿Cuánto más cuesta?

Puedes probar KeyCDN gratuitamente durante su periodo de prueba gratuita de 30 días. Después de eso, solo te cobrarán por el tráfico CDN y el almacenamiento. A diferencia de Amazon CloudFront, el cual no solo es más caro, sino que además cobra tarifas extra por las solicitudes HTTP. De hecho, descubrí que KeyCDN resultaba ser al menos la mitad de caro que Amazon.

Aquí tienes un desglose de los costes habituales:

KeyCDN Pricing ComparisonKeyCDN Pricing ComparisonKeyCDN Pricing Comparison

El contenido cacheado no está sujeto a cargos por almacenamiento. El precio del almacenamiento solo se aplica a las Zonas Push y VOD. El precio por el almacenamiento es de 0,90$/GB/mes.

Además:

  • sin compromiso mínimo
  • sin un uso mínimo
  • sin costo adicional para las zonas
  • sin cargos por solicitudes HTTP
  • sin letra pequeña

Empezar con KeyCDN

Te animo que le des una oportunidad a KeyCDN mediante su periodo de prueba. Regístrate en el sitio web de KeyCDN y continúa con los pasos que indico más abajo:

KeyCDN Sign Up for Your Free TrialKeyCDN Sign Up for Your Free TrialKeyCDN Sign Up for Your Free Trial

Aquí tienes la pantalla de inicio del panel de control:

KeyCDN Initial DashboardKeyCDN Initial DashboardKeyCDN Initial Dashboard

Una vez hayas activado tu cuenta al hacer clic en el enlace de verificación del email, verás lo siguiente:

KeyCDN Account ActivationKeyCDN Account ActivationKeyCDN Account Activation

Estos enlaces hacen que sea muy fácil obtener respuesta a tus preguntas según avances en tu configuración.

¿Deberías empujar o extraer?

Si eres novato o no lo sabes, te recomiendo que empieces con Pull. Una Pull Zone recupera (extrae) el contenido solicitado del servidor web y almacena en caché los recursos en los servidores perimetrales keyCDN. En la mayoría de los casos, Pull Zone es la opción preferida para cualquier sistema de gestión de contenido (CMS). Consulta también Cómo crear una Pull Zone.

Una Pull Zone requiere que cargues el contenido en el clúster de almacenamiento keyCDN y que se distribuya desde allí a los servidores perimetrales. Admiten FTP(S) o rsync a través de SSH para cargar tus datos. Las Push Zones se utilizan principalmente para distribuir archivos de más de 10 MB o para archivos que rara vez cambian (como documentos, vídeos, etc.). Consulta también Cómo crear una Push Zone. Hay un cargo adicional por almacenar datos en Push Zones.

Configurar tu primera zona

Puedes configurar una zona a través del panel, Zones > Add Zone (Zonas > Añadir Zona):

KeyCDN Add your first zoneKeyCDN Add your first zoneKeyCDN Add your first zone

Aquí tienes un ejemplo con datos. Estoy creando una zona “pull” jr para mi sitio Reifman:

KeyCDN Zone Configuration SettingsKeyCDN Zone Configuration SettingsKeyCDN Zone Configuration Settings

KeyCDN también ofrece una variedad de funcionalidades avanzadas entre las que se incluye la compresión GZip, para mejorar la velocidad de descarga de las páginas y el ancho de banda:

KeyCDN GZip CompressionKeyCDN GZip CompressionKeyCDN GZip Compression

Existe soporte para el uso compartido de recursos entre orígenes (CORS): "un mecanismo que permite solicitar muchos recursos (por ejemplo, fuentes, JavaScript, etc.) en una página web desde otro dominio fuera del dominio desde el que estos fueron originados."

KeyCDN Cross Origin Resource Sharing CORSKeyCDN Cross Origin Resource Sharing CORSKeyCDN Cross Origin Resource Sharing CORS

Y ofrece soporte opcional para SPDY y SSL. Está bien poder aprovechar el SSL compartido de KeyCDN sin tener que pasar por la complejidad de tener que instalar tu propio certificado:

KeyCDN SPDY SSLKeyCDN SPDY SSLKeyCDN SPDY SSL

La Wikipedia dice: "SPDY manipula el tráfico http, con objetivos claros para reducir la latencia en la carga de una página web y para mejorar la seguridad web. SPDY consigue la reducción de la latencia a través de la compresión, la multiplexación, y la priorización.”Administrar tus zonas

Administrar tus zonas

Este será el aspecto tras haber creado tu zona:

KeyCDN Your ZonesKeyCDN Your ZonesKeyCDN Your Zones

La barra de progreso muestra el tiempo que cuesta extraer el contenido desde tu servidor al CDN. En mi caso, se está creando una réplica de mi sitio en jr-faf.kxcdn.com.

KeyCDN ofrece guías para ayudarte a configurarlo con tu sitio web:

Usar KeyCDN con WordPress

Para usar una CDN con WordPress necesitas un plugin como W3 Total Cache o WP Super Cache. Yo uso W3TC.

 Para configurar KeyCDN con W3TC, tienes que visitar el panel Performance > General Settings (Rendimiento > Ajustes generales) confusamente no la página Performance > CDN (Rendimiento > CDN):

KeyCDN with W3TC General SettingsKeyCDN with W3TC General SettingsKeyCDN with W3TC General Settings

A continuación, visita la página Performance > CDN y proporciona el nombre de tu zona KeyCDN:

KeyCDN with W3TC Zone ConfigurationKeyCDN with W3TC Zone ConfigurationKeyCDN with W3TC Zone Configuration

Una vez actives la red CDN con W3TC y hayas limpiado tu caché, echa un vistazo a la fuente de la página de tu sitio web. Deberías ver la zona KeyCDN referenciada por el JavaScript, el CSS y las imágenes:

Ir más allá con W3 Total Caché

Puedes multiplexar el acceso de tus lectores a KeyCDN aprovechando cuatro zonas distintas habilitadas por W3TC.

En mi registrador de dominio, he configurado cuatro subdominios CDN, por ejemplo, c1.jeffreifman.com, señalando como CNAMEs a mi nombre de zona KeyCDN:

KeyCDN Configuring my CNAMEs at my domain registrarKeyCDN Configuring my CNAMEs at my domain registrarKeyCDN Configuring my CNAMEs at my domain registrar

Después, yo proporciono estos cuatro sobrenombres de zonas a W3TC:

KeyCDN with W3TC for WordPress Configuring Four CNAMEs KeyCDN with W3TC for WordPress Configuring Four CNAMEs KeyCDN with W3TC for WordPress Configuring Four CNAMEs

Ahora, W3TC provocará que WordPress divida las solicitudes de fuente de la página a lo largo de cuatro distintos sobrenombres de KeyCDN. Esto permite que los navegadores multiplexen las solicitudes, lo cual es con frecuencia más rápido que recurrir a un solo sobrenombre de zona de KeyCDN.

También podrías querer leer mi tutorial en Tuts+: Optimizar WordPress con Varnish y W3 Total Cache, el cual puede ayudarte en conjunción con KeyCDN.

Control de las cabeceras de la página y la caché

También puedes configurar KeyCDN junto a W3TC para purgar automáticamente contenido de una determinada antigüedad de tu red KeyCDN.

KeyCDN Expire Headers and Cache ControlKeyCDN Expire Headers and Cache ControlKeyCDN Expire Headers and Cache Control

Si necesitas control total sobre esta frecuencia, posiblemente sea mejor usar una zona “push”.

Purgar zonas

No obstante, KeyCDN tiene una interfaz de usuario sencilla para purgar de inmediato tu caché. Esto puede ser genial para las actualizaciones web y la solución de problemas:

KeyCDN Easy to purge your CDN cache great for troubleshooting upgradesKeyCDN Easy to purge your CDN cache great for troubleshooting upgradesKeyCDN Easy to purge your CDN cache great for troubleshooting upgrades

Informes

Los informes son una de las áreas del panel de administración que realmente brilla. Tiene características muy ricas y sencillas. Esta es la visualización básica del tráfico según zona o a lo largo de las zonas:

KeyCDN Reporting Analytics by ZoneKeyCDN Reporting Analytics by ZoneKeyCDN Reporting Analytics by Zone

Aquí están los archivos más top y el ancho de banda generado por sus solicitudes:

KeyCDN Reporting Top FilesKeyCDN Reporting Top FilesKeyCDN Reporting Top Files

Aquí tienes el tráfico según su geolocalización:

KeyCDN Reporting Transferred Data Geographic MapKeyCDN Reporting Transferred Data Geographic MapKeyCDN Reporting Transferred Data Geographic Map

Y presentado en forma de tabla:

KeyCDN Reporting Transferred Data Country TableKeyCDN Reporting Transferred Data Country TableKeyCDN Reporting Transferred Data Country Table

KeyCDN también ofrece registros a tiempo real. Puedes ver como llega el tráfico de las solicitudes en tiempo real:

KeyCDN Reporting Real Time LogsKeyCDN Reporting Real Time LogsKeyCDN Reporting Real Time Logs

Y si necesitas una visualización en detalle, está a un clic de distancia:

KeyCDN Reporting Log Request Detail ViewKeyCDN Reporting Log Request Detail ViewKeyCDN Reporting Log Request Detail View

También puedes integrar los registros sin procesar de KeyCDN para su procesamiento con otros servicios y herramientas, como LogEntries.com. Consulta Obtener tus registros de CDN sin un servidor syslog.

Otras características de KeyCDN
Vídeo bajo demanda y streaming en tiempo real

KeyCDN también ofrece servicios de vídeo bajo demanda (VOD). Una zona VOD se puede utilizar para transmitir vídeos a través del Protocolo de mensajería en tiempo real (RTMP). Puedes usar una Push Zone si deseas transmitir a través de HTTP. Consulta también Transmitir datos desde una zona VOD.

KeyCDN también es compatible con la transmisión en vivo a través de RTMP y HTTP Live Streaming (HLS). La transmisión en vivo RTMP entrante se convertirá en una transmisión HLS en tiempo real. Véase también:

Base de conocimientos

Si tienes preguntas, KeyCDN dispone de una amigable área de Base de conocimientos y Soporte para ayudarte:

KeyCDN Support Knowledge Base SiteKeyCDN Support Knowledge Base SiteKeyCDN Support Knowledge Base Site

Mi primer contacto con el soporte fue resuelto rápidamente.

Automatización de KeyCDN con su API

La API de KeyCDN permite a los usuarios gestionar zonas y recibir informes de forma directa y programática, usando convencionales solicitudes HTTP. Si eres un administrador de sistemas con experiencia que administra una cierta cantidad de sitios, podrías usar la API de KeyCDN para automatizar las solicitudes de servicio:

KeyCDN API Documentation SiteKeyCDN API Documentation SiteKeyCDN API Documentation Site

Para concluir

Me ha encantado descubrir KeyCDN y rápidamente me convencí de que era una excelente solución para mis necesidades como editor. Es rápida, sencilla, fácil de usar, asequible y totalmente programable. Ofrece una amplia variedad de avanzadas características y unos informes increíbles. No hay casi nada aquí que no pueda complacer.

Si quieres ver más de mí, puedes navegar a través de mis otros tutoriales en Tuts+ desde mi página de instructor o seguir mi cuenta @reifman de Twitter. También puedes enviarme un email a Lookahead Consulting.

Enlaces relacionados

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.