Acelera tus imágenes con Cloudflare CDN y Amazon S3

¿Quieres acelerar las imágenes de tu aplicación y reducir costes en AWS? En Q2BSTUDIO hemos implementado una solución sencilla y eficaz que pone Cloudflare delante de un bucket de Amazon S3 para cachear contenido estático y servirlo desde el borde global, mejorando la experiencia de usuario y optimizando gasto en transferencia.

Por qué funciona esto: si sirves imágenes directamente desde S3 cada petición llega al bucket y genera latencia y coste. Con Cloudflare en front, las imágenes se almacenan en los datacenters edge, de modo que un usuario en Tokio descarga desde el borde en Tokio en lugar de viajar hasta el bucket en otra región. Además se elimina la mayoría del ancho de banda recurrente de S3.

Paso 1 Crear o usar un bucket S3 y desactivar Block All Public Access para los objetos que quieras servir públicamente. Selecciona la región adecuada según tus usuarios.

Paso 2 Añadir una política de bucket que permita la acción s3 GetObject sobre arn:aws:s3:::tu-nombre-de-bucket/* para que los objetos sean legibles públicamente. Prueba subiendo una imagen y accediendo por su URL pública para verificar.

Paso 3 En Cloudflare crea un registro CNAME con el subdominio que prefieras, por ejemplo images, apuntando a tu-bucket.s3.amazonaws.com y activa la proxy naranja. Así tus imágenes quedarán accesibles en https://images.tudominio.com/ruta/a/imagen.jpg

Paso 4 Configura reglas de caché en Cloudflare: cache everything, Edge Cache TTL 1 month, Browser Cache TTL 7 days y aplica el patrón images.tudominio.com/*. Esto garantiza que Cloudflare mantenga las imágenes en el edge y reduzca lecturas a S3.

Paso 5 Usa Cloud Connector de Cloudflare para AWS S3 si está disponible en tu plan. El conector corrige encabezados Host, enruta correctamente hacia el bucket y maneja detalles que evitan problemas comunes. Crea un conector con un patrón jerárquico tipo images.tudominio.com/* y verifica que el nombre del bucket coincida exactamente.

Consideraciones para Rails y ActiveStorage: las URL firmadas de ActiveStorage generan parámetros que complican el cacheo en el edge. En lugar de eso construye URLs públicas basadas en la clave del blob o configura objetos públicos para recursos que no requieran expiración. Recuerda que la primera petición será lenta mientras Cloudflare llena su caché; las siguientes deberán mostrar cf-cache-status HIT cuando verifiques con curl -I https://images.tudominio.com/tu-imagen.jpg

Lo que aprendimos: los encabezados de caché importan, revisa reglas y TTL para evitar revalidaciones innecesarias. Comprueba siempre que los nombres de bucket y patrones coinciden para evitar errores de enrutamiento.

Resultados típicos: reducción de latencia de cientos de milisegundos a decenas de milisegundos a nivel global y ahorro sustancial en la factura de AWS por transferencia. La configuración lleva poco tiempo y la mejora en experiencia de usuario es inmediata.

En Q2BSTUDIO somos especialistas en desarrollo de software a medida y aplicaciones a medida, y acompañamos a nuestros clientes en integraciones de CDNs y optimización de infraestructuras cloud. Si necesitas una solución completa que incluya despliegue en servicios cloud aws y azure y optimización de costes podemos ayudarte con una arquitectura segura y escalable. Conecta con nuestras capacidades de software a medida y aplicaciones a medida y aprovecha nuestra experiencia en servicios cloud aws y azure.

También integramos mejores prácticas de ciberseguridad, inteligencia artificial e inteligencia de negocio para proyectos que requieren rendimiento y datos accionables. Palabras clave que aplicamos en nuestros proyectos: aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA y power bi.

Si quieres que implementemos esta optimización para tu proyecto o te guiemos paso a paso, contacta con Q2BSTUDIO y te ayudamos a reducir latencia, mejorar experiencia de usuario y bajar costes operativos.