Empleando Assets Site Collections para nuestro Portal web público

SharePoint 2013 nos ofrece múltiples características orientadas a la implementación de Portales web públicos tales como Cross-Site Publishing, Managed Navigation, Catalogs, Content by Search WebParts, entre otros, que nos permiten implementar soluciones de Web Content Management para Internet, con menos esfuerzo. Todos estos beneficios de la nueva versión de esta plataforma también deben complementarse con las mejores prácticas asociadas a soluciones web en Internet, principalmente considerando los aspectos de optimización de los tiempos de respuesta de nuestros portales.

 Una de las recomendaciones para optimización de los tiempos de respuesta, es emplear descargas paralelas de contenido como imágenes, hojas de estilo o scripts (JavaScript, jquery). Para mayor información puede consultar a http://yuiblog.com/blog/2007/04/11/performance-research-part-4/.

Los navegadores por defecto tienen una cantidad de posibles componentes que pueden ser descargados a la vez por hostname, esto quiere decir que si al descargar una página web, disponemos de hostnames independientes empleados para descargar imágenes, hojas de estilos o scripts, esto permitirá que se puedan hacer descargas en paralelo reduciendo de esta manera los tiempos de respuesta de la página.

 Para lograr las descargas paralelas desde SharePoint, la mejor alternativa es crear un Site Collection independiente para los recursos de imágenes, además de archivos css y js. A continuación describo los pasos:

1. Creamos un host name site Collection nuevo para nuestros assets.

 2. Una vez creado el Site Collection, verificamos que este tenga habilitada las características de publicación y en el Site Collection Images library cargamos nuestras imágenes. Asegurarnos que tengamos habilitada las características de Image Renditions que ya fueron explicadas en un post anterior.

3. Validar que este configurada Image Renditions para nuestras imágenes.

 

 4. Ahora dirigirnos a nuestro Site Collection empleado para nuestro Portal (El SC de cara al cliente). Y vamos hacia Site Settings

5. En Site Collection Features, ubicamos el link Suggested Content Browser Locations, que nos permitirá enlazar a la biblioteca de Assets ubicada en nuestro Site Collection previamente creado.

6 . Se mostrará la biblioteca desde donde podremos agregar enlaces hacia otras ubicaciones.

 7. Agregamos la URL hacia el Asset Library.

8. Se muestra la URL recientemente agregada. 

 9. Si queremos insertar una de las imágenes en una página de nuestro Portal, damos clic en INSERT -> Picture y From SharePoint

10. En la ventana de Select an Asset damos clic sobre Suggested locations y podremos acceder al repositorio de imágenes de nuestro Site Collection para Assets.

 

11. Aquí podemos seleccionar la imagen que deseamos insertar a nuestra página.

 12. Debido a que estamos consultando imágenes de un Site collection remoto, no tendremos la posibilidad de emplear la característica de Image rendition seleccionando las plantillas de visualización directamente, por lo que tendremos que especificar el parámetro RenditionID seguido del ID asociado a la plantilla que deseemos utilizar.

13. Y listo, se habrá insertado nuestra imagen desde el Asset Site Collection.

14. Ahora, si  comparamos el tiempo en que se demoran en descargar las imágenes de una página estando publicadas en la misma página a aquellas que son consultadas desde un Site collection con URL independiente, el resultado es notable:

CON IMÁGENES CONSULTADAS DESDE LA MISMA URL.

 CON IMÁGENES CONSULTADAS DESDE OTRA URL.

Deja un comentario

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