/ / Best Practice, wenn Skript-Link jQuery am Ende in der Nähe von </ body> innerhalb der HTML-Seite platziert wird? [duplizieren] - javascript, jquery, html

Ist Best Practice, wenn Skript-Link jQuery am Ende in der Nähe </ body> in HTML-Seite setzen? [duplizieren] - javascript, jquery, html

Ich lese Buch "Pro PHP und jQuery", ich sehe: Bildbeschreibung hier eingeben

aber Stack Overflow setzte jQuery Call in der Nähe von oben: Bildbeschreibung hier eingeben

Meine Frage ist:

Ist Best Practice, wenn Skript-Link jQuery am Ende in der Nähe von HTML-Seite setzen?

Antworten:

1 für die Antwort № 1

Ja, so ist es. Du solltest alles JavaScript einstellen <script> Tags und Links am Ende, und hier ist warum.

Ladezeit

Der Browser muss diese Dateien laden, diebedeutet, dass der Client sie herunterlädt. Während dies sehr schnell geschieht, bevorzugen wir, dass der Client eine Seite statt eines weißen Bildschirms betrachtet. Je nach Internetverbindung kann der Download einige Millisekunden oder möglicherweise einige Sekunden dauern. Also besser als Nachsicht.

Abhängigkeit von DOM

Javascript und jQuery manipulieren häufig das DOM. Also muss das DOM geladen werden, damit JavaScript funktioniert

HTML 5

Geschätzte Form @Vohuman

Es sollte beachtet werden, dass HTML5 asynchrone und verzögerte Attribute eingeführt hat, die das Verhalten von Skript-Tags ändern können!

Für Anfänger, die asynchrone Programmierung möglicherweise nicht verstehen, Schaut euch diesen Link an

Asynchrones Attribut

Dieses Attribut einem Skriptelement hinzufügen <script async> bewirkt, dass das Skript auf den Client heruntergeladen wird, während das HTML-DOM geladen wird (Bilder, divs usw.).

Attribut verschieben

Dieses Attribut lädt das Skript asynchron herunter und führt es dann aus, sobald das DOM vollständig geladen ist. Verwenden Sie so <script defer>.