Tutorial de producción de la página web HTML: use etiquetas iframe con precaución

El uso de iframes puede llamar fácilmente páginas de otros sitios web, pero deben usarse con precaución. Se necesitan docenas o incluso cientos de veces más rendimiento que crear otros elementos DOM, incluidos el estilo y el guión. Agregar 100 elementos diferentes La comparación de tiempo muestra cómo el rendimiento es el nombre de la iframe:

Las páginas que usan iframes generalmente no tienen tantos iframes, así que no se preocupe demasiado por crear DOM. Lo que es más digno de preocupación son los eventos de entrada y los grupos de conexión.

Es muy importante que el evento de encendido de la ventana se ejecute lo antes posible. Esto permitirá que se complete el indicador de progreso de carga del navegador, y el usuario determinará si la página se ha cargado en función de esto. El retraso del evento de Onload hará que el usuario sienta que la página es más lenta.

El evento Onload de la ventana no disparará hasta que los iFrames que contengan y los recursos en todos los iframes estén completamente cargados. En Safari y Chrome, la asignación dinámica de valores a iframes con JavaScriptpt puede evitar este comportamiento de bloqueo.

Para cada servidor web, el navegador solo abre algunas conexiones. Los navegadores antiguos, incluidos IE 6/7 y Firefox 2, tienen solo 2 conexiones por host. En el nuevo navegador, aumenta el número de conexiones. Safari 3+ y Opera 9+ aumentaron a 4, Chrome 1+, es decir, 8 y Firefox 3 aumentaron a 6.

Uno podría esperar un grupo de conexión separado para cada iframe, pero ese no es el caso. En la mayoría de los navegadores, las conexiones son compartidas por la página principal y su iframe, lo que significa que es posible que los recursos en el Iframe tomen las conexiones disponibles y bloqueen la carga de recursos de la página principal. Esto es excelente si el contenido en el iframe es igualmente importante o más importante que la página principal. Sin embargo, en general, el contenido en un iframe no es muy importante para la página, y no es aconsejable que el iframe tome el número de conexiones. Una solución es asignar dinámicamente el SRC del iframe después de que se complete la descarga del recurso con mayor prioridad.

Cinco de los 10 sitios web principales en los Estados Unidos usan iframes. La mayoría de ellos se usan para cargar anuncios. Esto no es muy adecuado, pero es comprensible que es una manera fácil de insertar anuncios en el contenido. En muchos casos, usar un iframe es razonable. Pero tenga en cuenta el impacto de rendimiento que esto tiene en su página. Úselo con precaución a menos que sea necesario.