/ / ¿Es la mejor práctica cuando se coloca el enlace jQuery al final cerca de </body> dentro de la página HTML? [duplicado] - javascript, jquery, html

¿Es una buena práctica poner el enlace de script jQuery al final cerca de </ body> dentro de la página HTML? [duplicado] - javascript, jquery, html

Estoy leyendo el libro "Pro PHP y jQuery", veo: enter image description here

pero Stack Overflow puso a jQuery call cerca de la parte superior: enter image description here

Mi pregunta es:

¿Es la mejor práctica cuando se coloca el enlace jQuery al final cerca de la página HTML?

Respuestas

1 para la respuesta № 1

Sí lo es. Deberías poner todos los JavaScript <script> Etiquetas y enlaces al final, y he aquí por qué.

Tiempo de carga

El navegador necesita cargar esos archivos, queSignifica que el cliente los descarga. Si bien esto sucede muy rápidamente, preferiríamos que el cliente vea una página en lugar de una pantalla blanca. Dependiendo de su conexión a Internet, la descarga puede tomar un par de milisegundos, o posiblemente un par de segundos. Así que es mejor prevenir que lamentar.

Dependencia de DOM

Javascript y jQuery a menudo manipulan el DOM. Así que el DOM no necesita ser cargado para que JavaScript funcione

HTML 5

Forma apreciada @Vohuman

¡Se debe tener en cuenta que HTML5 ha introducido atributos asíncronos y diferidos que pueden cambiar el comportamiento de las etiquetas de script!

Para principiantes que no entiendan la programación asíncrona, mira este enlace

Atributo asíncrono

Agregando este atributo a un elemento de script como tal <script async> hará que el script se descargue al cliente mientras se carga el DOM de HTML (imágenes, divs, etc.).

Diferir el atributo

Este atributo descargará el script asíncrono y luego lo ejecutará una vez que el DOM esté completamente cargado. Usar asi <script defer>.