Más velocidad para tus sitios web distribuyendo imágenes en el 'edge'

Las empresas que dependen de sus sitios web y aplicaciones no deben descuidar la optimización de las imágenes. Si tardan en cargarse, los usuarios no gozarán de una experiencia óptima y se llevarán una primera impresión negativa que será difícil de hacer olvidar. Para los responsables de IT, la falta de optimización complica los flujos de trabajo internos, aumenta los costes de infraestructura y puede ralentizar el sitio. Con una plataforma de edge cloud, puedes optimizar los procesos de transformación, almacenamiento en caché y distribución del contenido para ofrecer a los usuarios de Internet imágenes con el mínimo ancho de banda en cualquier dispositivo que utilicen.

Hay estudios que demuestran que el 39% de las personas abandonan un sitio web si las imágenes tardan demasiado en aparecer. Teniendo en cuenta que la mitad del contenido de un sitio web medio se compone de imágenes, es fundamental mostrar este tipo de contenido de forma impecable. En los próximos cinco años, tres cuartas partes de los usuarios de Internet accederán a los sitios únicamente desde un smartphone, a pesar de lo cual una página web media tarda en cargarse un 87% más de tiempo en móviles que en dispositivos de escritorio.

Con tanto contenido compitiendo por atraer la atención cada vez más limitada de las personas, incluso las pequeñas diferencias en el rendimiento de un sitio pueden tener un enorme impacto en su crecimiento y capacidad de retención.

Estrategias estándar que frenan a las empresas

La optimización de imágenes consiste en reducir el tamaño de los archivos para mejorar la velocidad de carga de las páginas, ocupar menos espacio, ahorrar en el ancho de banda de los usuarios finales e incluso mejorar el SEO de un sitio. Como estrategia estándar, se crean de antemano las imágenes para dispositivos y resoluciones comunes, y se guardan en un repositorio único, del que se van extrayendo conforme se necesitan.

Sin embargo, crear variaciones distintas de cada imagen no es más que una solución temporal. Los usuarios cada vez utilizan más dispositivos, y aparecen tecnologías con mayor resolución, por lo que es necesario almacenar muchas más versiones diferentes de una misma imagen, que ocupan muchísimo espacio.

En busca de la simplicidad, la velocidad y el control

Las empresas que quieren optimizar sus imágenes y potenciar la distribución de su contenido tienen a su disposición varias soluciones posibles. Las herramientas de código abierto no requieren una licencia, pero tampoco solucionan los problemas relacionados con el almacenamiento o las tareas que llevan mucho tiempo. Las empresas que las usan no se libran de tener que gestionar el flujo de trabajo de las imágenes. Además, la ejecución de la optimización de imágenes no es barata, y el coste de las tareas informáticas, de distribución y almacenamiento suele llevar a las empresas a buscar una solución más rentable.

Los servicios especializados de imágenes automatizan el proceso de optimización, pero añaden complejidad al stack y latencia a la red. Además, suponen la entrada de un nuevo proveedor. Por ejemplo, los clientes que utilizan una red de distribución de contenidos (CDN) tendrían que decidir el contenido que quieren enviar y el lugar al que lo envían. Las imágenes se enviarían a través de un proveedor, y el resto del contenido a través de otro. Tratar con varios proveedores consume más recursos internos, y muchas empresas prefieren que uno solo se encargue de todo.

Algunas CDN pueden gestionar automáticamente el proceso de optimización de imágenes. La CDN almacena en caché el contenido de un sitio y lo guarda en una red de servidores, y los usuarios reciben los archivos desde el servidor que se encuentra más cerca de ellos. Esto reduce la latencia y los tiempos de carga, pero las CDN tradicionales proporcionan a los desarrolladores un control y una visibilidad limitados.

Lo que las empresas necesitan es una funcionalidad de CDN moderna que ofrezca imágenes bajo demanda y que, además, reduzca los costes y mejore la productividad de los empleados. Ahí es donde entra en juego una plataforma de edge cloud.

Plataformas como Fastly transforman y ofrecen imágenes desde el edge. Trabajamos en el borde de Internet, más cerca de tus clientes, lo que conlleva una menor latencia al transformar y distribuir imágenes, flujos de trabajo simplificados y menores costes de infraestructura.

Un nuevo concepto de optimización en el 'edge'

Si tu sitio web recibe una gran cantidad de visitantes al día, procesas muchas imágenes o las cambias con frecuencia, notarás la diferencia con la plataforma de edge cloud de Fastly.

Distribución simplificada

Al no tener que preocuparte del preprocesamiento, ganarás mucho tiempo y liberarás recursos. La API automatiza el proceso de redimensionamiento, recorte y configuración de la calidad de salida adecuada, que antes se realizaba manualmente. Tampoco tendrás que definir reglas lógicas para el perfil de cada visitante, ya que se puede transferir la lógica de transformación de imágenes a la plataforma de edge cloud. De este modo, se detectarán atributos del visitante, como el dispositivo y la geolocalización, en el borde, y así se tomarán decisiones más rápidas con respecto a la transformación de la imagen. Gracias a esta funcionalidad, Buzzfeed logró condensar su popular artículo sobre los 100 mejores gifs de todos los tiempos, que ocupaba 250 MB de difícil manejo para cualquier navegador, en un artículo mucho más manejable de 6 MB .

Menor coste

Los sitios distribuyen las imágenes cuando son necesarias, pero con un espacio de almacenamiento mucho más reducido y con menos peticiones al origen. Esto supone un verdadero ahorro en el coste total de propiedad de tu sitio. Por ejemplo, gracias a Image Optimizer de Fastly, la tienda online Boden redujo el tamaño medio de su contenido estático en un 30%, mientras que la plataforma de comercio electrónico Big Cartel ha conseguido mejorar su velocidad de distribución de varios segundos a 250 milisegundos .

Control total para mejorar la experiencia de usuario

Image Optimizer está integrado en la plataforma de edge cloud de Fastly y eso repercute directamente en una mayor capacidad de retención del usuario, ya que incluso los sitios de comercio electrónico con muchísimo contenido se cargan rápidamente en cualquier parte del mundo. Mientras que otras CDN ofrecen control y flexibilidad limitados, Fastly proporciona una amplia visibilidad a los desarrolladores. Los registros y análisis en tiempo real muestran exactamente cómo interactúan los clientes con las páginas web, y las configuraciones instantáneas permiten editar, desplegar y revertir los cambios en cuestión de segundos, de modo que las empresas pueden ajustar con precisión cada aspecto de su experiencia de usuario.

Imprime velocidad a tus sitios web

Image Optimizer de Fastly ofrece experiencias más fluidas y rápidas a tus clientes, y permite a tus desarrolladores emplear más tiempo en sus tareas principales. Si quieres ver exactamente cuánto ancho de banda puedes ahorrar, Fastly te ofrece un informe gratuito, en el que los expertos analizarán tu sitio para que veas lo que podrías ahorrarte con nuestra herramienta de optimización de imágenes.

Contenido ofrecido en colaboración con Fastly