Como priorizar la carga del contenido en mi web

[BillieBert]

¡Hola!

Bueno, pues les cuento...

Me hice una cuenta en impresionesweb para poner baners en mi web. El problema es que hay veces que el báner tarda mucho en cargar, y como lo coloqué antes del contenido de cada página, el navegador siempre se queda esperando a que cargue y el contenido, pues bien gracias.

Me gustaría saber cómo priorizar esta carga de mi web, es decir, que primero cargue el contenido y después el báner de publicidad.

Nota: La publicidad carga con un script, y enseguida viene un noscript con un iframe.

Espero que me puedan ayudar con esto.

Un saludo, y gracias de antemano :)

[ggomez91]

Dices que la publicidad carga con un script, y si pusieras este script en el ready de javascript? eso lo haría. Podría ayudarte más si me dejas ver código :)

[BillieBert]

Claro, mira el código que me dieron en Impresiones web es este:

Código Javascript:

<script  language="javascript"  type="text/javascript">iwsrcplus="http://codenew.impresionesweb.com/r/banner_iw.php?idrotador=104700&tamano=300x250&lgid="+((new Date()).getTime() % 2147483648) + Math.random(); document.write("<scr"+"ipt language=javascript  type=text/javascript src="+iwsrcplus+"></scr"+"ipt>");</script><noscript><iframe src="http://alt.impresionesweb.com/noscript.php?tam=300x250&idp=104700&ref=104700&cod=234972" width="300" height="250" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe></noscript>
 

[ggomez91]

Hola, mira, podrías meter la función de javascript en otro script en el evento onload de forma que pase hasta después de que se carguen todas las cosas:

Código HTML:

<noscript>
 
    <iframe src="http://alt.impresionesweb.com/noscript.php?tam=300x250&idp=104700&ref=104700&cod=234972" width="300" height="250" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>
 
</noscript>
    
 
<script language="javascript" type="text/javascript">
window.onload=function(){
    iwsrcplus="http://codenew.impresionesweb.com/r/banner_iw.php?idrotador=104700&tamano=300x250&lgid="+((new Date()).getTime() % 2147483648) + Math.random();
    document.write("<scr"+"ipt language=javascript  type=text/javascript src="+iwsrcplus+"></scr"+"ipt>");
};
</script>
 

En cuanto al iframe no hay mucho que hacer pues está dentro de noscript, o sea que si eso pasa, es por que no hay javascript y pues si no hay, no se puede usar para mejorar la carga.

[BillieBert]

Hola!
Hey, pues mira, sí funcionó bien el código, pero lo que pasó fue que al terminar de cargar la página, en lugar de colocar el báner en el contenedor, me limpió toda la página y colocó el báner en su lugar.

Supongo que es por lo de document.write, pero sé poco de JS así que no sé con qué otro método pudiera remplazarse :(

¿Por ahí algun consejo?

[ggomez91]

Sí, puedes en su lugar tener un

Código HTML:

<div id="write">
 
</div>
 

y en lugar del document.write usar:

Código Javascript:

document.getElementById("write").innerHTML =  "lo que quieres escribir";
 

[BillieBert]

Hola otra vez!

Ahora hay otro problema... :/

Ya inserté el código así:

<noscript>
<iframe src="http://alt.impresionesweb.com/noscript.php?tam=300x250&idp=104700&ref=104700&cod =234972" width="300" height="250" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>
</noscript>
<script language="javascript" type="text/javascript">
window.onload=function(){
iwsrcplus="http://codenew.impresionesweb.com/r/banner_iw.php?idrotador=104700&tamano=300x250&lgid ="+((new Date()).getTime() % 2147483648) + Math.random();
document.getElementById("write").innerHTML = "<scr"+"ipt language=javascript type=text/javascript src="+iwsrcplus+"></scr"+"ipt>";
};
</script>
<div id="write">

</div>

Y revisé el código fuente de salida (no se bien cómo se llama, utilizo firefox y revisé con el inspector de elementos dentro del nodo que contiene al div write) y aparece efectivamente impreso el codigo

<script language="javascript" type="text/javascript" src="http://codenew.impresionesweb.com/r/banner_iw.php?idrotador=104700&amp;tamano=300x250& amp;lgid=8484803380.8583971924488313"></script>

Lo que me sorprende y que no comprendo es por qué si está copiando el código bien a donde debe de copiarlo, no está ejecutando el mismo, porque como resultado no me imprime nada en la página, solo copia el codigo al codigo fuente, pero en pantalla no hay báners :(

Una ayudadita más por favor :D

Edito:

Me parece que encontré el error, al parecer los ampersand (los &) están "traduciendose" mal, porque según veo, se deberían de poner como delimitadores de variable, sin embargo se están pasando como símbolo de html, o sea "&amp;" en vez de solo "&", ¿cómo le hago para que no pase así?

¿Y si ese no fuera el error, cómo le hago para "ejecutar" el script una vez impreso en la pagina?

Gracias de antemano :)