<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Weterede! &#187; rendimiento</title>
	<atom:link href="http://www.weterede.com/tag/rendimiento/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.weterede.com</link>
	<description>Blog sobre programación, diseño web y tecnologías de la información</description>
	<lastBuildDate>Tue, 03 Aug 2010 07:01:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
	<atom:link rel='hub' href='http://www.weterede.com/?pushpress=hub'/>
		<item>
		<title>Rendimiento de los iframes</title>
		<link>http://www.weterede.com/2009/06/rendimiento-de-los-iframes/</link>
		<comments>http://www.weterede.com/2009/06/rendimiento-de-los-iframes/#comments</comments>
		<pubDate>Mon, 08 Jun 2009 17:02:49 +0000</pubDate>
		<dc:creator>Nacho Plaza</dc:creator>
				<category><![CDATA[diseño web]]></category>
		<category><![CDATA[iframes]]></category>
		<category><![CDATA[rendimiento]]></category>

		<guid isPermaLink="false">http://www.weterede.com/?p=423</guid>
		<description><![CDATA[Los iframes son una forma fácil de insertar el contenido de una web dentro de otra. Pero si los usamos, tendremos que hacerlo con cuidado, ya que tardan mucho más tiempo en crearse que cualquier otro elemento DOM, incluyendo scripts y estilos. El problema está en como convive con el evento onload de la página [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-453 alignleft" title="iframe-facebook" src="http://www.weterede.com/wp-content/uploads/2009/06/iframe-facebook.png" alt="iframe en facebook" width="150" height="150" />Los iframes son una forma fácil de insertar el contenido de una web dentro de otra. Pero si los usamos, tendremos que hacerlo con cuidado, ya que <strong>tardan mucho más tiempo en crearse que cualquier otro elemento DOM</strong>, incluyendo scripts y estilos. El problema está en como convive con el evento onload de la página y el pool de conexiones del navegador.<br />
<span id="more-423"></span><br />
</p>
<h3>Los iframes bloquean el evento onload</h3>
<p>El evento onload debería ejecutarse tan pronto como se pueda, ya que así el indicador de ocupado del navegador se parará, dando a entender que la página ya se ha cargado. Cuando se retrasa la ejecución del evento onload da la impresión de que la página es más lenta. El onload se lanza <strong>cuando todos los elementos de la página, y todos los elementos de los iframes se han cargado por completo</strong>. En Safari y Chrome podemos evitar este bloqueo si el valor del SRC del iframe lo generamos de forma dinámica con JavaScript.</p>
<h3>Pool de conexiones compartido</h3>
<p>Los navegadores tienen un <strong>límite máximo de conexiones por host</strong>. Mientras que IE6, IE7 y FX2 sólo admiten dos conexiones, Safari3, Opera 9 permiten 4 conexiones, y Chrome 2, IE 8 y Firefox 3 admiten hasta 6 conexiones. En la mayoría de los navegadores, el pool de conexiones está compartido entre la página en carga y los iframes que contiene, por lo que <strong>los propios iframes pueden bloquear la carga de la página principal</strong>.</p>
<p>Cinco de las 10 páginas más visitadas de Estados Unidos usan iframes, en la mayor parte de los casos, para anuncios publicitarios. En muchos casos es la forma más sencilla y útil de incluir contenidos en nuestras páginas. Pero hay que tener en cuenta el impacto en el rendimiento de nuestras páginas. Así que si puedes, <strong>evita los iframes</strong>. Sino, úsalos moderadamente.</p>
<p>Traducción del artículo <a title="Using Iframes Sparingly" rel="nofollow" href="http://www.stevesouders.com/blog/2009/06/03/using-iframes-sparingly/">Using Iframes Sparingly</a>.</p>



Compartir en:


	<a rel="nofollow"  href="http://twitter.com/home?status=Rendimiento%20de%20los%20iframes%20-%20http%3A%2F%2Fwww.weterede.com%2F2009%2F06%2Frendimiento-de-los-iframes%2F" title="Twitter"><img src="http://www.weterede.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.weterede.com%2F2009%2F06%2Frendimiento-de-los-iframes%2F&amp;t=Rendimiento%20de%20los%20iframes" title="Facebook"><img src="http://www.weterede.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://meneame.net/submit.php?url=http%3A%2F%2Fwww.weterede.com%2F2009%2F06%2Frendimiento-de-los-iframes%2F" title="Meneame"><img src="http://www.weterede.com/wp-content/plugins/sociable/images/meneame.png" title="Meneame" alt="Meneame" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.weterede.com%2F2009%2F06%2Frendimiento-de-los-iframes%2F&amp;title=Rendimiento%20de%20los%20iframes&amp;annotation=Los%20iframes%20son%20una%20forma%20f%C3%A1cil%20de%20insertar%20el%20contenido%20de%20una%20web%20dentro%20de%20otra.%20Pero%20si%20los%20usamos%2C%20tendremos%20que%20hacerlo%20con%20cuidado%2C%20ya%20que%20tardan%20mucho%20m%C3%A1s%20tiempo%20en%20crearse%20que%20cualquier%20otro%20elemento%20DOM%2C%20incluyendo%20scripts%20y%20estilos.%20El%20p" title="Google Bookmarks"><img src="http://www.weterede.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://bitacoras.com/anotaciones/http%3A%2F%2Fwww.weterede.com%2F2009%2F06%2Frendimiento-de-los-iframes%2F" title="Bitacoras.com"><img src="http://www.weterede.com/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://ping.fm/ref/?link=http%3A%2F%2Fwww.weterede.com%2F2009%2F06%2Frendimiento-de-los-iframes%2F&amp;title=Rendimiento%20de%20los%20iframes&amp;body=Los%20iframes%20son%20una%20forma%20f%C3%A1cil%20de%20insertar%20el%20contenido%20de%20una%20web%20dentro%20de%20otra.%20Pero%20si%20los%20usamos%2C%20tendremos%20que%20hacerlo%20con%20cuidado%2C%20ya%20que%20tardan%20mucho%20m%C3%A1s%20tiempo%20en%20crearse%20que%20cualquier%20otro%20elemento%20DOM%2C%20incluyendo%20scripts%20y%20estilos.%20El%20p" title="Ping.fm"><img src="http://www.weterede.com/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" class="sociable-hovers" /></a>
	<a rel="nofollow"  href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.weterede.com%2F2009%2F06%2Frendimiento-de-los-iframes%2F&amp;title=Rendimiento%20de%20los%20iframes&amp;source=Weterede%21+Blog+sobre+programaci%C3%B3n%2C+dise%C3%B1o+web+y+tecnolog%C3%ADas+de+la+informaci%C3%B3n&amp;summary=Los%20iframes%20son%20una%20forma%20f%C3%A1cil%20de%20insertar%20el%20contenido%20de%20una%20web%20dentro%20de%20otra.%20Pero%20si%20los%20usamos%2C%20tendremos%20que%20hacerlo%20con%20cuidado%2C%20ya%20que%20tardan%20mucho%20m%C3%A1s%20tiempo%20en%20crearse%20que%20cualquier%20otro%20elemento%20DOM%2C%20incluyendo%20scripts%20y%20estilos.%20El%20p" title="LinkedIn"><img src="http://www.weterede.com/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.weterede.com/2009/06/rendimiento-de-los-iframes/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
