Editar: Aunque esta pregunta ha sido formulada y respondida antes (1), (2), (3), las respuestas no han mencionado la posibilidad de utilizar carga asíncrona y/o perezoso si se incluyen los archivos de la <head>
. Me pidieron que hiciera la pregunta debido al nuevo código de Google Analytics que usa ambos métodos.¿Cuáles son los pros y los contras de incluir Javascript justo antes de la etiqueta</head> frente a la etiqueta</body>?
poco me di cuenta de que Google Analytics es ahora lo que sugiere incluyendo su fragmento de código JavaScript justo antes de la etiqueta </head>
. Solían sugerir incluir el fragmento justo antes de la etiqueta </body>
.
El YUI Best Practices for Speeding Up Your Web Site sugiere poner guiones tan lejos en la página como sea posible, ya que los scripts pueden bloquear descargas paralelas:
El problema causado por los scripts es que bloquean descargas paralelas. La especificación HTTP/1.1 sugiere que los navegadores no descarguen más de dos componentes en paralelo por nombre de host. Si sirve sus imágenes desde múltiples nombres de host, puede obtener más de dos descargas en paralelo. Sin embargo, mientras se descarga una secuencia de comandos, el navegador no iniciará ninguna otra descarga, incluso en diferentes nombres de host.
Google dice:
Una de las principales ventajas del fragmento asíncrono es que se puede colocar en la parte superior del documento HTML. Esto aumenta la probabilidad de que la baliza de seguimiento se envíe antes de que el usuario abandone la página. Es habitual colocar código JavaScript en la sección
<head>
, y recomendamos colocar el fragmento en la parte inferior de la sección<head>
para obtener el mejor rendimiento.
general estoy más preocupado por la experiencia del usuario y la velocidad de carga que asegurarse de todos y cada baliza de seguimiento se envía, así que esto me empujaría hacia la inclusión de la secuencia de comandos de análisis de Google hacia la parte inferior de la página, en lugar de en el <head>
, ¿verdad?
Estoy seguro de que hay más cosas que considerar que estos dos puntos de vista. ¿Cuáles son las cosas que te influyen? ¿Cuáles son las cosas a considerar?
Así que, ¿cuáles son los pros y los contras de tener sus guiones derecho berfore </head>
frente justo antes </body>
?
http://stackoverflow.com/questions/2451417/whats-pros-and-cons-putting-javascript-in-head-and-putting-just-before-the-body –
@Amr - Eso responde a eso la pregunta no cubre la carga asíncrona o diferida del script. –