javascript - type - Beneficios de cargar JS en la parte inferior en oposición a la parte superior del documento

wordpress script tag (4)

Cuáles son los beneficios reales (si corresponde) para cargar su JS en la parte inferior del documento, en lugar de la parte superior. Parece que hay un breve retraso en la carga de la página y la funcionalidad dependiente de JS.

Estoy usando html5boilerplate para comenzar todas mis plantillas, pero no estoy seguro de cuán beneficioso es cargar JS en la parte inferior.

Realmente hace una gran diferencia, y si es así, ¿por qué?

Si incluye archivos js externos en la parte inferior de la página, otorgue la prioridad de sus solicitudes HTTP a la visualización que se presentará al cliente en lugar de a la lógica de interacción o dinámica. Creo que si no usas una red de entrega de contenido para entregar imágenes al cliente, entonces solo puedes procesar un máximo de 2 solicitudes HTTP a la vez. No quiere perder estas solicitudes en lógica porque todos sabemos cuán impaciente es el usuario final.
Al cargar js en el extremo del archivo, puede acceder al DOM (la mayoría de las veces) sin tener que llamar a la función document.ready (). Usted sabe que si el procesamiento de la página finalmente llega a su código de JavaScript, los elementos de página necesarios ya se han cargado.

Hay algunas razones más, pero estas son las más importantes que trato de recordar cuando se siente tan incómodo colocar todas las js en la parte inferior.

Como los scripts a los que se hace referencia se están descargando, los navegadores normalmente no descargarán otros archivos en paralelo, lo que ralentizará la carga de la página.

consulte: Mejores prácticas para acelerar su sitio web

Una búsqueda en Google le devolverá una gran cantidad de resultados sobre por qué desea hacerlo y qué mejora verá. Vea algunos de estos enlaces:

Básicamente, la razón principal para hacerlo es que mejorará los tiempos de renderización de su página. Desde el primer artículo:

[I] es mejor mover los scripts desde la parte superior a lo más bajo posible en la página. Una razón es habilitar la representación progresiva, pero otra es lograr una mayor paralelización de descarga.

dependiendo de lo que está en el js. si solo quiere que ''vaya'' cuando la página cargue, ya sea que rodee su código por jquery''s: $(function(){}) o colóquelo en la parte inferior de la página