Brandfolder ayuda a acelerar y mejorar más de 50 000 experiencias de contenido web gracias a Fastly

Una de las funcionalidades clave de Brandfolder para la distribución rápida de contenido es su Smart CDN, que permite a los usuarios implementar cambios en el contenido de sus sitios web al instante, convertir formatos de archivos sobre la marcha y gestionar los derechos de uso de activos de forma automática. Este servicio es posible gracias a la fiabilidad y rapidez con la que Fastly ofrece y purga contenidos.

En un principio, Brandfolder realizaba sus propias transformaciones anticipadas de imágenes: cuando se ingería un archivo, intentaban anticiparse al tamaño de las imágenes requeridas y creaban varias versiones distintas. Estas transformaciones pueden acelerar los tiempos de respuesta a peticiones, pero aumentan el tiempo de ingesta y dejan a los clientes actualizando la página con impaciencia para que la imagen termine de cargarse.

Image Optimizer permite gestionar los activos en tiempo real y reducir los costes

Al transferir la transformación de imágenes a la plataforma de edge cloud de Fastly se eliminó el retraso de ingesta, ya que la conversión de imágenes pasó a realizarse bajo demanda. Ahora el 95 % de las imágenes en formatos JPEG y PNG se procesan en menos de cinco segundos, incluida la optimización de imágenes total, el cambio de tamaño de las capas superpuestas y la creación de vistas en miniatura. Esto significa que un fotógrafo que está cubriendo un evento en vivo puede subir imágenes y facilitarlas a los clientes casi al instante. Gracias a la Smart CDN de Brandfolder, los usuarios pueden comenzar a editar esas imágenes a través de la API de Image Optimizer de Fastly de inmediato. Al dejar en manos de Fastly la transformación de imágenes, Brandfolder no solo reduce la latencia, sino que también ahorra en costes de almacenamiento.

«Nuestros clientes buscan velocidad, desde la ingesta de imágenes hasta su distribución a los usuarios. Es por eso que utilizar [Image Optimizer] ha sido maravilloso para reducir los tiempos de consumo».
Brett Nekolny, Director of Engineering

La purga genera eficiencias, la protección reduce los costes

Una funcionalidad clave de Brandfolder que facilita la gestión de contenidos es la posibilidad de añadir marcas de agua, que protegen activos digitales para que no se copien ni se utilicen de forma inadecuada. Antes de implementar Image Optimizer de Fastly, Brandfolder asignaba una marca de agua a cada imagen de manera individual y la almacenaba hasta su distribución. Ahora, es posible generar marcas de agua bajo demanda. Cualquier cliente puede subir una marca de agua nueva, aplicar los cambios en todos o en tan solo algunos de sus activos, y percibir el cambio al instante. La funcionalidad de las marcas de agua también depende de la purga de claves suplentes de Fastly, que permite a Brandfolder emitir una purga para una colección específica y distribuir al instante el contenido actualizado a través de múltiples servidores, de modo que la última versión siempre sea la correcta.

Conforme evoluciona su arquitectura, Brandfolder continúa aprovechando los datos de Fastly a través de su integración con Datadog para mejorar la visibilidad de las métricas y optimizar el uso de la protección. Brandfolder utiliza tanto Google Cloud como AWS, por lo que optimizar la protección según la proximidad a los cubos mejora el rendimiento y mantiene los costes bajos. En especial, debido a la alianza entre Fastly y Google, el tráfico enrutado a través de Google Cloud recibe un 50 % de descuento de coste de tráfico de salida, un beneficio que Brandfolder ha exprimido al máximo.

«En definitiva, Fastly significa escalabilidad. El hecho de que nuestros clientes puedan acceder a su contenido y realizar operaciones, en el edge y de forma instantánea, es un punto de inflexión. Fastly nos ha brindado la oportunidad de ser mucho más eficientes».
Brett Nekolny, Director of Engineering

Las herramientas para desarrolladores aceleran la resolución de problemas

A medida que los desarrolladores de Brandfolder continúan desplegando actualizaciones y nuevas funcionalidades, utilizan las herramientas e integraciones para desarrolladores de Fastly con el objetivo de facilitar la producción. Por ejemplo, todos los nuevos servicios de Brandfolder pasan automáticamente por Terraform. Los desarrolladores pueden desplegar cambios en un entorno de ensayo, comprobar que los cambios funcionan como se espera y luego migrarlos a producción de una manera muy coherente.

«Gracias al proveedor de Terraform de Fastly​, hemos podido ejecutar un despliegue uniforme, probar los cambios en el entorno de ensayo y asegurarnos de que se aplican de forma coherente en producción. Nos ha sido muy útil durante todo el proceso».
Brett Nekolny, Director of Engineering

Las herramientas para desarrolladores de Fastly también han inspirado una solución para una de las funcionalidades más demandadas de Brandfolder. La empresa quería actualizar su proceso de vistas en miniatura, incluido el de generar miniaturas para todos los activos en su sistema, para que los usuarios pudieran encontrar y organizar el contenido de una manera intuitiva y visual. Al igual que con otros contenidos, Brandfolder las estaba generando de forma anticipada, lo que causaba retrasos y reducía la escalabilidad.

El proyecto de rediseñar el servicio de vistas en miniatura resultó ser mayor de lo esperado. Brandfolder utilizó Fastly Fiddle, una herramienta para probar código directamente en la plataforma de Fastly sin necesidad de configurar un servidor ni interferir en el servicio de producción, con el fin de resolver problemas potenciales a menor escala. Gracias a Fastly Fiddle, pudieron observar el resultado de las posibles soluciones y probar los ejemplos de código listos para usar de la biblioteca de Fastly, que se pueden copiar y pegar o personalizar. Esta solución simplificada ahorra mucho tiempo a los usuarios.

«Fastly Fiddle ha sido una herramienta muy valiosa para probar ideas y reflexionar a lo largo del proceso de diseño. Los ejemplos de código de Fastly nos sirvieron para crear un patrón preparatorio que nos permitió eliminar cualquier servicio intermediario. En definitiva, hemos reducido varios pasos y hemos obtenido el control sobre los detalles en el edge. Nos ha beneficiado mucho».
Brett Nekolny, Director of Engineering

Aumentar el rendimiento en el edge

Con el despliegue de la próxima versión de su Smart CDN, Brandfolder confía cada vez más en Fastly para optimizar su experiencia de usuario. Para resumir su experiencia con Fastly, Stew Blandford, Principal Engineer en Brandfolder, comenta que «Fastly ha sido un recurso fantástico con el que podemos contar, tanto si se nos plantea un problema difícil como si hemos escrito un código VCL extraño o si algo no funciona del modo previsto. Todavía estamos viendo cómo mejorar y reemplazar algunas de nuestras funcionalidades actuales con Fastly».

«Fastly nos ha ayudado muchísimo: con los ejemplos de código y la documentación de las herramientas para desarrolladores o con los ingenieros de carne y hueso. Han dedicado mucho tiempo a ayudarnos a superar los obstáculos para que no perdamos demasiado tiempo dando vuelvas a un mismo problema».
Stew Blandford, Principal Engineer