Utilizando Image renditions en Portales web de SharePoint 2013

Cuando implementamos un Portal web público, es importante tener en consideración muchos aspectos principalmente relacionados a los tiempos de respuesta del mismo. El tiempo que demore en carga las páginas de nuestro Portal será un punto crítico que podrá influenciar fuertemente en el crecimiento o decrecimiento de usuarios sobre este.

 Existen múltiples consideraciones que pueden ser tomadas en cuenta para lograr que nuestro portal tenga los mejores tiempos de respuesta, desde consideraciones sobre nuestra infraestructura, el desarrollo, el diseño gráfico, entre otros.

SharePoint 2013 ha traído múltiples características que contribuyen en la optimización de nuestros Portal web de Internet. Una de estas características es el Image Rendition, esta característica permite cargar una imagen sobre la biblioteca de imágenes del Site Collection y generar múltiples plantillas de visualización de la misma imagen con distintas dimensiones en pixeles reduciendo a su vez el tamaño de dicha imagen al recortarla automáticamente, lo que reduce la cantidad de KBs descargados, a diferencia de hacer un resize sobre una imagen grande, donde es necesario descargar la imagen completa indistintamente del tamaño en el que sea presentado a través de una página del Portal.

 A continuación mostraré los pasos necesarios para configurar y emplear la funcionalidad de Image Renditions:

1. Primero debemos dirigirnos hacia Site Settings de nuestro site collection.

2. En la página de Site Settings debajo de la categoría Look and Feel dar clic en Image Renditions.

 

3. En la página de Image Renditions se presenta un mensaje de color rojo indicando que la funcionalidad de blob cache no se encuentra habilitado para nuestro Site collection. 

 4. Blob cache, permite almacenar en cache cierto tipos de archivos tales como las imágenes, de tal manera que cada vez que un usuario consulte una página no se tengan que realizar requests innecesarios sobre los mismos archivos. Para habilitar Blob cache ingresamos al IIS y ubicamos nuestro IIS Web Site. Una vez localizado damos clic derecho sobre este y clic en Explore.

5.  A continuación ubicamos nuestro web.config y lo editamos (Este paso se debe repetir en todos los servidores Web de nuestra granja de servidores de SharePoint).

 6. Ubicamos la sección de BlobCache y es la opción de enabled que por defecto esta en false, la cambiamos por true

 7. Para aplicar los cambios hacemos un iisreset.

 8. Y cuando actualizamos la página de Image Renditions, veremos que ya no se muestra el mensaje anterior. Aquí podremos observar que disponemos 4 plantillas de visualización de imágenes por defecto. Si deseamos crear nuevas plantillas debemos dar clic en Add new item.

 9. En el formulario de New Image Rendition debemos especificar el nombre de la plantilla y el ancho así como también el alto para nuestras imágenes.

 10. Se podrá observar la nueva plantilla creada.

 11. Es importante recalcar que la opción de renditions no funcionará en cualquier biblioteca de imágenes. Esto lo podemos observar en la siguiente pantalla.

 12. La funcionalidad de Image renditions la podremos emplear sobre la biblioteca de Site Collection Images. Si queremos ver las plantillas, podemos dar clic sobre Edit Renditions.

 13. En la página Edit Renditions podemos ver que automáticamente se generaron versiones de una misma imagen con dimensiones distintas de acuerdo a las plantillas existentes. Si queremos modificar una de ellas podemos dar clic en Click to change

14. Aquí podemos elegir la sección especifica de la imagen que queremos que sea recortada y empleada según las dimensiones definidas en la plantilla. 

 15. Y los cambios se aplican.

 16. Al insertar nuestra imagen podremos seleccionar la plantilla que deseemos.

 17. Y se muestra la imagen en las dimensiones de la plantilla seleccionada, además la foto esta recortada lo que permite que la imagen pese menos optimizando el tiempo de carga de las páginas de nuestro Portal.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *