2011-09-17 13 views
13

De vez en cuando escucho sobre la colocación de etiquetas HTML <script> más adelante en el documento HTML que en el elemento <head>.colocación de etiqueta de script HTML?

Algunas personas, o eso he escuchado, incluso abogan por colocar los scripts como las últimas etiquetas antes del </body>.

¿Esto se debe a un problema de rendimiento? Tal vez la carga hasta un guión es una operación IO bloqueo, teniendo en cuenta que las secuencias de comandos de script dependientes se colocan después de otras secuencias de comandos, así:

<script src="jQuery.js"></script> 
<script src="myScriptThatUsesjQuery.js"></script> 

Incluso si ese es el caso, ¿por qué la colocación de guiones de uno cerca del final del documento HTML ¿ayuda?

Gracias!

+1

posible duplicado de [¿Dónde está el mejor lugar para poner las etiquetas

4

Bueno, el <script> debe ser incluida antes </body> y como usted dice <script src="jQuery.js"></script> tiene que ser incluida antes de la <script src="myScriptThatUsesjQuery.js"></script>, porque las cargas jquery.js todas las funciones que son utilizados por myScriptThatUsesjQuery.js, por lo que no pueden utilizar una función (por ejemplo, $()) antes de que se haya declarado.

0

Tener una gran cantidad de archivos de comandos en la etiqueta de su cabeza disminuye el rendimiento del sitio porque la especificación HTTP aconseja a los navegadores que no descarguen más de 2 archivos desde cualquier host en paralelo. Entonces, si tiene una media docena de archivos .js cargados desde la carpeta de scripts de su sitio, la carga de los otros recursos en su sitio (images/css, etc.) se bloqueará mientras el navegador pase por la lista 2x2. Produce un cuello de botella, básicamente.

Creo que algunos navegadores modernos tienen soluciones para este problema, pero hasta que el mundo se rinda en IE6/7, es mejor errar por el lado de la optimización.

Cuestiones relacionadas