¿Cuál es la diferencia en el comportamiento/rendimiento al incluir la etiqueta en la parte del cuerpo o la cabeza del documento html? También noté que Google Analytics generalmente está integrado al final del cuerpo. ¿porqué es eso?Cuál es la diferencia al incluir la etiqueta <script> en el encabezado o cuerpo de HTML
Respuesta
La mayoría de las veces desea incluir scripts en la parte inferior de la sección del cuerpo. La razón básica es asegurarse de que la página (y, en consecuencia, el DOM) se haya cargado completamente antes de que se ejecute javascript en ella.
Además, como la descarga de scripts bloquea al navegador para que no descargue nada más al mismo tiempo, la página parecerá cargarse más rápido si los elementos de la página se cargan antes del script. Sin embargo, a menos que sea un gran sitio web que recibe mucho tráfico como Yahoo o Google, probablemente no necesite considerar esto.
+1 Sin embargo, el segundo punto es importante independientemente del tamaño del sitio. Una demora de 2 segundos debido a elementos SCRIPT en HEAD es algo malo para ** cada ** sitio web. –
De Yahoo! Red de desarrolladores: Put Scripts at the Bottom
- 1. ¿Cuál es la diferencia entre la etiqueta de script y la etiqueta "<%....%>"?
- 2. ¿Cuál es la diferencia entre <jsp: incluir página = ...> y <% @ incluir archivo = ...>?
- 3. ¿Cuál es la etiqueta <dl>?
- 4. Establecer encabezado en HttpServletResponse y Html <head> ¿La etiqueta es la misma?
- 5. ¿Cuál es la diferencia entre colocar el detector de eventos en la etiqueta HTML y la etiqueta BODY?
- 6. ¿Es incorrecto colocar la etiqueta <script> después de la etiqueta</body>?
- 7. de ajuste globales en html o cuerpo
- 8. ¿Cuál es la diferencia entre incluir y extender en Ruby?
- 9. En ASP.Net, ¿cuál es la diferencia entre <% = y <% #
- 10. ¿Cuál es el origen del nombre de la etiqueta HTML: "<TD>"
- 11. xml, html o xhtml en <xsl:output>: ¿Cuál es la mejor opción?
- 12. ¿Qué significa ":" en <%: y cuál es la diferencia a <% =?
- 13. ¿Cuál es la diferencia entre ofstream "<<" y Write
- 14. ¿Cuál es la diferencia entre <% %> y <%=%>?
- 15. ¿Cuál es la diferencia entre <%# %> y <%= %>?
- 16. Diferencia entre el soporte angular < > y comillas dobles "" al incluir archivos de encabezado en C++?
- 17. ¿Cuál es el estado de la etiqueta HTML 5 <video> y la integración de la cámara web?
- 18. ¿cuál es la diferencia entre la lista <> y el diccionario <> en C#
- 19. ¿Cuál es la forma correcta de ocultar una etiqueta HTML?
- 20. Etiqueta JSP personalizada: ¿cómo obtengo el cuerpo de la etiqueta?
- 21. Cómo incluir plantillas dinámicamente en Django usando la etiqueta "incluir"
- 22. Mueva jQuery al final de la etiqueta de cuerpo?
- 23. ¿Cuál es la diferencia entre TAG_DISCOVERED, NDEF_DISCOVERED y TECH_DISCOVERED con el descubrimiento de dispositivos NFC o la etiqueta en Android?
- 24. cuál es la diferencia entre '! =' Y '<>' en MySQL
- 25. ¿Debo escribir un script en el cuerpo o en el encabezado del html?
- 26. Cacao: ¿Cuál es la diferencia entre importar en el encabezado e importar en el archivo principal?
- 27. ¿Cuál es la diferencia entre `=` y `<-` en R?
- 28. ¿Qué es el "encabezado HTTP sin procesar"? ¿Cuál es la diferencia entre "encabezado HTTP" y "encabezado HTTP sin procesar"?
- 29. ¿Cuál es la oscilación equivalente a HTML <optgroup>
- 30. ¿Es necesario el atributo "for" en la etiqueta HTML?
posible duplicado de [Whats Pros y Contras: poniendo javascript en la cabeza y poniendo justo antes del cuerpo cerrado] (http://stackoverflow.com/questions/2451417/whats-pros-and-cons-putting-javascript-in -head-and-putting-just-before-the-body) –
Como nota al margen: Google ahora recomienda poner el código de seguimiento en la sección '
': http://code.google.com/apis/analytics/docs/tracking /asyncTracking.html – whostolemyhat