Optimización de iFrames en páginas de sitio de publicación modernas y clásicas de SharePoint

  • Artículo

los iFrames pueden ser útiles para obtener una vista previa del contenido enriquecido, como vídeos u otros elementos multimedia. Sin embargo, dado que cargan una página independiente en la página del sitio de SharePoint, pueden contener imágenes, vídeos u otros elementos de gran tamaño que alarguen los tiempos de carga de la página sin que usted los pueda controlar desde la propia página. Este artículo le mostrará cómo los iFrames afectan a la latencia que percibe el usuario en sus páginas, y cómo corregir los problemas más comunes.

Nota:

Para obtener más información sobre el rendimiento en sitios modernos de SharePoint, vea Rendimiento en la experiencia moderna de SharePoint.

Use la herramienta de Diagnóstico de páginas de SharePoint para analizar los elementos web con iFrames

La herramienta Diagnóstico de páginas para SharePoint es una extensión de explorador para los nuevos exploradores Microsoft Edge (https://www.microsoft.com/edge) y Chrome que analizan el portal moderno de SharePoint y las páginas de sitio de publicación clásicas. La herramienta le ofrece un informe para cada página analizada en el que se muestra el rendimiento de la página respecto a un conjunto definido de criterios de rendimiento. Para instalar y obtener información sobre la herramienta Diagnóstico de páginas para SharePoint, visite Uso de la herramienta Diagnóstico de página para SharePoint.

Nota:

La herramienta Diagnóstico de página solo funciona para SharePoint y no se puede usar en una página del sistema de SharePoint.

Cuando analice una página de sitio de SharePoint con la herramienta Diagnóstico de páginas de SharePoint, puede ver información sobre los elementos web que contengan iFrames en el panel Pruebas de diagnóstico. El valor de referencia es el mismo para las páginas modernas y las clásicas.

Puede encontrarse con los siguientes resultados:

  • Atención requerida (rojo): la página contiene tres o más elementos web con iFrames.
  • Oportunidades de mejora (amarillo): la página contiene uno o dos elementos web con iFrames
  • No se requiere ninguna acción (verde): la página no contiene elementos web con iFrames

Si se muestra el resultado se han detectado elementos Web que usan iFrames en la sección Oportunidades de mejora o Atención requerida de los resultados, puede hacer clic en el resultado para ver los elementos web que contienen iFrames.

Resultados de la herramienta Diagnóstico de páginas.

Corrección de problemas de rendimiento de iFrame

Use el resultado Se han detectado elementos web con iFrames en la herramienta de Diagnóstico de páginas para determinar qué elementos web contienen iFrames y pueden alargar el tiempo de carga de la página.

Los iFrames son inherentemente lentos porque cargan una página externa independiente que incluye todo un contenido asociado, como JavaScript, CSS y elementos del marco de trabajo, lo que puede multiplicar por dos o más el tiempo de carga de la página del sitio.

Siga las instrucciones que se indican a continuación para hacer un uso óptimo de los iFrames.

  • Siempre que sea posible, use imágenes en lugar de iFrames si la vista previa es pequeña y no es interactiva.
  • Si es necesario usar iFrames, minimice el número de los mismos o sáquelos de la ventanilla.
  • Los archivos de Office incrustados, como los de Word, Excel y PowerPoint, son interactivos, pero ralentizan la carga. A menudo es más eficiente usar imágenes en miniatura con un vínculo al documento completo.
  • Los vídeos de YouTube insertados y las fuentes de Twitter suelen tener un mejor rendimiento en iFrames, pero le recomendamos que los use de forma selectiva.
  • Los elementos web aislados son una excepción razonable, pero reduzca su número y sáquelos de la ventanilla.
  • Si un iFrame se encuentra fuera de la ventanilla, considere la posibilidad de usar IntersectionObserver para retrasar el procesamiento del iFrame hasta que aparezca en la vista.

Antes de realizar revisiones de página para corregir problemas de rendimiento, anote el tiempo de carga de la página en los resultados del análisis. Ejecute la herramienta de nuevo después de la revisión y compruebe si los nuevos resultados están en línea con su valor de referencia. Luego, compruebe el nuevo tiempo de carga de la página para ver si se ha producido alguna mejora.

Resultados del tiempo de carga de la página.

Nota:

El tiempo de carga de la página puede variar en función de varios factores, como la carga de la red, la hora del día y otras condiciones transitorias. Debe probar el tiempo de carga de la página varias veces, antes y después de realizar cambios, para obtener un promedio.

Optimizar el rendimiento de SharePoint

Ajustar el rendimiento de Office 365

Rendimiento en la experiencia moderna de SharePoint