En algún momento del 2023 estábamos discutiendo sobre costos y la velocidad de las páginas, rápidamente señalé que el bajo rendimiento y el pico en el costo del ancho de banda era causado por el uso de imágenes .gif, al principio el equipo se mostró reacio a esto, pero unos días después se me ocurrió sacar un reporte del servicio Amazon S3 con el cual se puede obtener un log de acceso de los archivos alojados y luego procesarlo usando Amazon Athena.

Documentación de los logs de acceso de S3

El reporte fue curiosamente esclarecedor, ya que pude encontrar accesos a archivos .gif con un tamaño de más de 100mb, usualmente las imágenes .gif eran la portada de la publicación y en el listado principal de la pagina cargaban un monton aunque los usuarios no estuvieran accediendo a la publicación. Sin duda, los .gifs eran un problema que debíamos resolver.

Después de discutir esto con el equipo al día siguiente, estábamos tratando de encontrar la mejor manera de abordar el problema y, por supuesto, la primera propuesta fue dejar de usar imágenes .gif, pero ya sabes, otro equipo dijo que usar .gifs era importante para la publicación, ya que se vendía más cuando tenían .gifs, también propusimos usar videos de Youtube ya que ya lo soportábamos, pero parecía que iba a hacer su trabajo más complejo.

En algún momento mencionamos el uso de un CDN y como estábamos usando AWS, la primera idea era usar AWS Cloudfront, al principio intente rechazar esta propuesta ya que CF proporciona 1TB de ancho de banda de salida de forma gratuita, pero después de eso seguiríamos pagando $0.1 por GB, lo que basado en nuestros gastos mensuales (más de 15TB) solo iba a reducir alrededor de un poco más de $100.

Después de nuestra reunión diaria, comencé a investigar cómo podíamos abordar esta situación y unas horas después evalué varios CDNs y la opción final fue cloudflare ya que ofrecían un plan gratuito suficiente para nuestras necesidades. También fue súper fácil de implementar, simplemente configuramos otro dominio para la CDN y en unos días todo estaba configurado y funcionando.

Esto es lo que cloudflare transfirio durante el primer mes después de la implementación:

15TB de uso de ancho de banda a través de cloudflare

Usualmente Cloudflare cachea alrededor del 80% del tráfico, a veces más como muestra el siguiente gráfico.

Contenido cacheado

Así es como AWS factura el ancho de banda:

  • Primeros 10 TB: $0.09 por GB
  • Próximos 40 TB: $0.085 por GB
  • Próximos 100 TB: $0.07 por GB
  • Más de 150 TB: $0.05 por GB

Basado en eso, por los 15.28 TB estábamos pagando $1,381.17 en ancho de banda, lo que significa que nuestros gastos anuales por esta razón serian cerca de los $16,574.04, si consideramos que cloudflare está cacheando el 80% del tráfico, el ahorro total sera así:

Costo total sin CDN Costo total con CDN Ahorro Anual
$16,574.04 $3,381.72 $13,192.32

Fue realmente un logro que evitamos pagar todo eso, pero usar un CDN viene con otros beneficios que impactan directamente en la velocidad de la página, en otra publicación discutiremos los beneficios de las transformaciones de imágenes y también el uso de formatos de nueva generación como una opción para acelerar los sitios web.