Optimiza la carga de imágenes de tu aplicación web, app o página con cloudinary
Cloudinary es un servicio en la nube que nos permitirá almacenar nuestras imágenes en su servidor y disponer de ellas mediante una url personalizada. Os preguntaréis ¿cuál es la diferencia entre alojarlas en cloudinary o en mi propio servidor?, pues bien, os enumeraré varias de sus principales características:<h2>Uso de CDN</h2> Cloudinay utiliza el Akamai’s worldwide CDN. Esta red de distribución de contenidos permite que el usuario obtenga nuestros recursos del servidor más cercano al que nos los pide, optimizando el tiempo de entrega de los mismos en comparación con tenerlos alojados sólo en un servidor.<h2>Cacheo de recursos</h2>Cloudinary implementa un excelente cacheo de los recursos que evita tener que buscarlos en su servidor con cada petición, mejorando el tiempo de carga de los mismos.<h2>Optimización de calidad de las imágenes</h2> Añadiendo el parámetro”q_” seguido de un número a la url de nuestra imagen, podremos obtenerla en la calidad que necesitemos. En este ejemplo: <pre>http://res.cloudinary.com/di0rx0uqf/image/upload/q_80/v1464695758/paginaPersonal/headerPersonalPage.jpg </pre>obtendríamos nuestra imagen al 80% de calidad. En la mayoría de ocasiones, podremos bajar la calidad al 70%-80% sin apenas notar cambios aparentes en su aspecto, pero sí en su tamaño.<h2>Transformación automática de formato</h2>Añadiendo el parámetro “f_auto” a nuestra url de la siguiente forma:<pre>http://res.cloudinary.com/di0rx0uqf/image/upload/f_auto/v1464695758/paginaPersonal/headerPersonalPage.jpg</pre> cloudinary nos devolverá el formato más óptimo en función del navegador de nuestro cliente. La imagen se devuelve automáticamente en formato WebP para navegadores chrome y a jpeg-xr para internet explorer.Gracias a todas estas utilidades, podremos mejorar la fluidez de nuestra aplicación de una forma impresionante. Cabe destacar que en aplicaciones móviles, en las que se muestren listados de imágenes, el resultado al obtenerlas desde cloudinary es realmente increíble, nuestro scroll mejorará muchísimo y la aplicación ganará en fluidez.Cloudinary también posee un plugin para WordPress con el que podremos mejorar el rendimiento y carga de nuestras páginas web. Para más información sobre este servicio consultad su página web oficial, en donde podréis crearos una cuenta gratuita, con hasta 2GB de espacio y la posibilidad de ubicar hasta 75.000 imágenes.