[Php-avanzado] JavaScript, buenas practicas

Jue Jul 29 12:12:22 ART 2010

Hola Juan,

	en realidad, el código JS puede agregarse en cualquier parte del
documento.

	Tal y como decís, hay unas buenas prácticas, y estas tienen su
fundamento: por ej, poner el código en el header hace que los
navegadores viejos no quieran mostrarlo en la página, y también te
garantiza que las funciones ya existan para cuando el usuario las quiera
usar.

	De lo que tenés que tener cuidado es de que, si la página tarda en
cargarse (o puede tardar porque el administrador pone una imagen
kilométrica dentro), tengas el código cargado antes de que el usuario
pueda invocarlo.

	Por ejemplo, si pongo un enlace que llama a una función JS ayuda(), y
el código de la función está al final de la página, si mientras está
cargando el usuario clickea en [ ayuda ] o no pasa nada o le da un
error, y siempre se quieren evitar estas situaciones.

	En tu caso, dependerá de que el navegador cargue antes
mininews_ticker.js de lo que tarde en aparecer el <ul id="ticker">
completo... en la web deberías ver que el cuadro de las mininews no
arranca enseguida, sino que hay una leve demora. Una vez que
mininews_ticker.js está cacheado, no debería verse latencia, pero como
siempre, dependés de la velocidad de conexión, de la caché del navegador
y de la capacidad de descargar archivos de forma concurrente que
tenga...

El jue, 29-07-2010 a las 13:39 +0000, Juan Manuel Incaurgarat escribió:
> Hola Leo, como te va?
> tengo una consulta vos o para cualquiera que se preste a contestar:
> 
> es ineficiente meter codigo javascript en el medio del DOM?
> sé que por lo gral. se incluye en el <head>, algunas buenas prácticas
> recomiendan incluirlos antes del cierre de <body>, 
> pero hay algunos casos en los que no podes elegir ni una ni otra.
> 
> cuento mi caso/ejemplo:
> hice un plugin para Wordpress que usa javascript (el codigo es muy
> cortito, no sé si viene al caso)
> los plugins son instalados y activados por los usuarios, entonces no
> puedo "decirle" al user que meta un <script> en su archivo footer.php,
> ya que lo más probable es que ni sepa que existe ese archivo.
> entonces incluyo yo el archivo cuando escribo el html resultante.
> El script funciona perfecto, pero quisiera saber si lo hice bien o si
> es una desprolijidad
> 
> pongo una porcion de codigo para que vean:
> 
> ...
> ...
> ...
> <div class="mid">
> <script src="wp-content/plugins/mininews_ticker/mininews_ticker.js"></script>
>   <script type="text/javascript">
> 	$(function(){ $("ul#ticker").liScroll(); }); 
>   </script>
> <ul id="ticker">
>     <li>NOTICIAS RÁPIDAS:&nbsp;&nbsp;&nbsp;</li>
>     <li><span>26/07</span><p>Estoy republicando los posts viejos</p></li>
> </ul>
> ...
> ...
> ...
> muchas gracias y saludos
> 
> juan incaurgarat

-- 

Leonardo Tadei
leonardot en pegasusnet.com.ar
http://blog.pegasusnet.com.ar
Firma pública: http://www.pegasusnet.com.ar/LeonardoTadei-public.key