Si la etiqueta del script está por encima o por debajo del cuerpo en una página HTML, ¿es importante para el rendimiento de un sitio web?¿La posición de la etiqueta <script> en HTML afecta el rendimiento de la página web?
Y lo que si se utiliza en el medio como éste:
<body>
..blah..blah..
<script language="JavaScript" src="JS_File_100_KiloBytes">
function f1() {
.. some logic reqd. for manipulating contents in a webpage
}
</script>
... some text here too ...
</body>
O es mejor esto ?:
<script language="JavaScript" src="JS_File_100_KiloBytes">
function f1() {
.. some logic reqd. for manipulating contents in a webpage
}
</script>
<body>
..blah..blah..
..call above functions on some events like onclick,onfocus,etc..
</body>
O esta otra ?:
<body>
..blah..blah..
..call above functions on some events like onclick,onfocus,etc..
<script language="JavaScript" src="JS_File_100_KiloBytes">
function f1() {
.. some logic reqd. for manipulating contents in a webpage
}
</script>
</body>
no necesito decirle que todo está de nuevo en la etiqueta <html> !!
¿Cómo afecta el rendimiento de la página web durante la carga? ¿Realmente? ¿Cuál es el mejor, ya sea de estos 3 o de otro que conoces?
Y una cosa más, he buscado en Google un poco en esto, de la que fui aquí: Best Practices for Speeding Up Your Web Site y sugiere put scripts at the bottom, pero, tradicionalmente, mucha gente puso en <head> etiqueta que está por encima de la etiqueta <body>. Sé que NO es una regla, pero muchos lo prefieren de esa manera. Si no lo crees, solo ver fuente de esta página! Y dime cuál es el mejor estilo para un mejor rendimiento.
duplicado posible de [JavaScript etiquetas, rendimiento y W3C] (http://stackoverflow.com/questions/2812496/javascript-tags-performance-and-w3c). –
Creo que esto ya se discutió en SO ver [aquí] (http://stackoverflow.com/questions/496646/how-does-the-location-of-a-script-tag-in-a-page-affect- a-javascript-function-that) y [aquí también] (http://stackoverflow.com/questions/2812496/javascript-tags-performance-and-w3c). – Pratik