Cómo empezar con la Transloadit Smart CDN
Las CDN se han convertido en una parte fundamental de cómo se entrega el contenido en línea. Del mismo modo, las transformaciones de archivos y la transcodificación son partes necesarias del pipeline de contenido que ayudan a reducir costos. En la entrada de blog de hoy, aprenderás a combinar lo mejor de ambos mundos en una única plataforma unificada de entrega de contenido y transformación de archivos con la Transloadit Smart CDN (TLCDN).
¿Qué es una CDN?
Una CDN, o red de distribución de contenido, es una red de servidores distribuidos globalmente que trabajan en conjunto para entregar contenido a los usuarios de forma rápida y eficiente. Al almacenar copias en caché del contenido en servidores geográficamente más cercanos al usuario, las CDN ayudan a reducir la latencia y mejorar el rendimiento del sitio web, especialmente para los usuarios ubicados lejos del servidor de origen.
¿Qué es una Smart CDN?
Una Smart CDN permite realizar transformaciones de archivos como parte del proceso de entrega de contenido. De esta forma, tu contenido no solo se presenta, sino que también se transforma en tiempo real. Por ejemplo, la Transloadit Smart CDN (TLCDN) está diseñada para integrarse sin problemas con la API de transcodificación existente de Transloadit, ofreciendo una solución integral para entregar y transformar contenido a usuarios de todo el mundo. Esta integración permite el redimensionamiento de imágenes, la transcodificación de video y otras transformaciones de archivos sobre la marcha, sin necesidad de preprocesamiento ni de almacenar múltiples versiones de cada recurso.
¿Por qué usaría una CDN?
Las CDN entregan hoy en día la mayoría del contenido en línea, y por buenas razones. Las CDN ofrecen muchas ventajas tanto para ti como para tus clientes, tales como:
- Rendimiento mejorado: las CDN almacenan en caché el contenido más cerca de los usuarios, reduciendo el tiempo que tarda en cargar.
- Escalabilidad: las CDN pueden manejar grandes volúmenes de tráfico sin afectar el rendimiento del sitio web.
- Costo de ancho de banda reducido: gracias a un almacenamiento en caché inteligente, las CDN te permiten reducir la cantidad de datos que deben enviarse y transcodificarse, disminuyendo tus costos de ancho de banda.
- Alcance global: las CDN tienen servidores distribuidos por todo el mundo, garantizando una entrega rápida del contenido a los usuarios sin importar su ubicación geográfica.
- Confiabilidad: las CDN ofrecen mecanismos de redundancia y conmutación por error, asegurando que el contenido siga siendo accesible incluso en caso de fallas en el servidor.
¿Por qué querría usar una Smart CDN?
Además de los cinco beneficios de una CDN enumerados anteriormente, la Transloadit Smart CDN te permite:
- Realizar transformaciones en tiempo real: la TLCDN te permite realizar transformaciones de archivos en tiempo real, sin tener que esperar largos tiempos de codificación.
- Ajustar parámetros sobre la marcha: cambia la configuración de transformación directamente desde la URL para experimentar rápidamente con distintos resultados, sin tener que ir y venir al Template Editor.
- Almacenar en caché los resultados de las transformaciones: ahórrate el costo de transformaciones repetidas, ya que la TLCDN almacena automáticamente en caché los resultados de las transformaciones. Si se solicita la misma transformación, se puede servir el recurso generado previamente.
¿Cómo funciona la TLCDN?
Dos Robots trabajan de la mano para entregar y servir contenido: /file/serve y /tlcdn/deliver (English).
El Robot /file/serve se incluye en las Assembly Instructions, lo que te permite especificar de qué Steps quieres entregar los resultados. Se asegura de que el contenido creado por nuestra potente API de conversión se devuelva como respuesta a la solicitud HTTP.
Si bien podría devolver esto directamente al navegador del usuario, hacerlo significaría una nueva conversión por cada solicitud, lo cual resulta ineficiente y costoso para sitios con mucho tráfico.
Para optimizar este proceso, colocamos una CDN entre el navegador y el Robot /file/serve. Esto permite que un resultado de codificación se almacene en caché y se sirva varias veces a distintos usuarios, haciendo que el proceso no solo sea más rápido, sino también mucho más rentable.
Transloadit gestiona todo este proceso de forma transparente para ti mediante el
Robot /tlcdn/deliver (English). Este
Robot se utiliza de forma implícita cuando se realizan solicitudes a
tlcdn.com. Aprovisiona y opera la capa de CDN, hace seguimiento del uso y aparece en tu
factura por el ancho de banda entregado desde la caché a tus usuarios finales. Esta integración sin
fisuras garantiza un rendimiento óptimo y una gran eficiencia de costos para tus necesidades de
entrega de contenido.
¿Cómo uso la TLCDN?
Para empezar a servir contenido con la TLCDN, primero debes crear un Template que defina las transformaciones que quieres realizar. Ve a la Transloadit Console y crea un nuevo Template con un nombre fácil de recordar. Luego, agrega las siguientes Assembly Instructions:
{
"steps": {
"imported": {
"robot": "/s3/import",
"credentials": "my-s3-credentials",
"path": "/images/${fields.input}"
},
"resized": {
"use": "imported",
"robot": "/image/resize",
"width": "${fields.w}"
},
"served": {
"use": "resized",
"robot": "/file/serve"
}
}
}
En estas Assembly Instructions, definimos dos campos: input y
w. Estos campos te permiten especificar parámetros por URL, lo que permite usar el mismo
Template de distintas maneras. Es importante señalar que input es un
parámetro implícito especial; su valor no se define mediante un parámetro de consulta, sino por el
destino de la URL. El parámetro w, por su parte, se usa para especificar el ancho deseado de
la imagen redimensionada.
Ahora, para usar el Template, necesitamos construir una URL siguiendo el formato a continuación.
https://WORKSPACE_NAME.tlcdn.com/TEMPLATE_NAME/FIELDS.INPUT?EXTRA_FIELDS
La URL puede extenderse opcionalmente con una marca de tiempo moderna exp y una firma
sig para evitar que terceros manipulen la URL y sus parámetros. Este es el formato
recomendado para integraciones nuevas. Las firmas heredadas s están obsoletas. Para más
detalles sobre cómo generar una firma con hash correcta, consulta
nuestra guía detallada.
Esta expiración también actúa como la ventana práctica de caché para los resultados firmados. Las expiraciones más cortas reducen el tiempo durante el cual se puede reutilizar una URL firmada, pero también reducen la reutilización de la caché y pueden aumentar el volumen de codificación y la latencia. Las expiraciones más largas mejoran la reutilización de la caché y reducen el costo, pero mantienen la URL válida por más tiempo.
Para agregar el contenido a tu sitio, simplemente inclúyelo como parte de una etiqueta de imagen. Aquí tienes un ejemplo que usa la TLCDN para servir y redimensionar una imagen:
<img
src="https://my-app.tlcdn.com/resize-img/canoe.jpg?w=730"
alt="A car with a canoe on top in a canyon environment."
/>
En este ejemplo, my-app es el nombre de tu Workspace, resize-img es el nombre de tu
Template y canoe.jpg es el archivo de entrada. El parámetro de consulta w=730 especifica el
ancho deseado para la imagen redimensionada. El contenido debería aparecer en tu sitio, y puedes
cambiar programáticamente el ancho de la imagen mientras se conserva su relación de aspecto. No
tienes que preocuparte por ninguna parte de la infraestructura, ya que Transloadit se encarga de
todo por ti, ahorrándote valiosas horas de desarrollo.
Puedes probar las transformaciones de archivos de la TLCDN en la demostración a continuación, simplemente cambiando el valor del ancho con el control deslizante. Luego, intenta ajustar el control deslizante al mismo valor de ancho dos veces y observa cómo se obtiene una versión en caché del archivo en solo unos milisegundos. Dado que la transformación ya se realizó una vez, nuestra CDN evita incurrir en costos adicionales y en su lugar simplemente sirve la copia en caché, ahorrándote dinero y entregando el contenido más rápido.
Transformada y obtenida en 1 ms
Para empezar a integrar la TLCDN en tu producto hoy mismo, asegúrate de registrarte en un plan de Transloadit, ya que la TLCDN actualmente solo está disponible para planes de pago.