Position der JavaScript Dateien
Redaktionelle Einordnung
Diese archivierte Diskussion behandelt Position der JavaScript Dateien aus Sicht der Rubrik OnPage Optimierung.
Technische Performance sollte heute mit Core Web Vitals, Renderbarkeit und realer Nutzererfahrung bewertet werden, nicht nur mit historischen Einzelmetriken.
Sinnvoll nutzbar bleibt der Thread vor allem als historischer Kontext, für typische Fragestellungen und zur Einordnung älterer Empfehlungen.
Einige im historischen Thread genannte Tools, Dienste oder externe Links könnten heute nicht mehr verfügbar oder inhaltlich überholt sein. Nutzen Sie sie bitte nur mit zusätzlicher Prüfung.
Startbeitrag
Originaler Foreninhalt in modernisierter Darstellung.
Moin Moin Matrosen
Gerade frag ich mich, ob es sinnvoll ist die JS Dateien später einzubinden. Z.B. am Ende des Dokuments. Wie schaut es bei euch aus?
Antworten
10 BeiträgeAus Performance-Gründen am Ende.
Nachzulesen ist das ganze bei den Best Practices for Speed Up Your Web Site.
Kurze Zusammenfassung auf Deutsch: Solange ein Skript runtergeladen wird, werdenalle weiteren Downloads unterbunden und die Seite auch nicht weiter gerendert.
Kommt schon darauf an, was man machen will, aber ich denke am Ende der Datei ist der bessere Ort, für ein JavaScript
Der beste Ort ist vermutlich außerhalb der html-Datei.
Gérard
gerard schrieb:
Der beste Ort ist vermutlich außerhalb der html-Datei.
Gérard
Hehe, logisch. Die Frage war ja auch, wo bindest Du es ein, am Anfang der HTML oder am Ende?
der_booker schrieb:
Hehe, logisch. Die Frage war ja auch, wo bindest Du es ein, am Anfang der HTML oder am Ende?
Wenn möglich außerhalb des body.
Gérard
gerard schrieb:
der_booker schrieb:
Hehe, logisch. Die Frage war ja auch, wo bindest Du es ein, am Anfang der HTML oder am Ende?
Wenn möglich außerhalb des body.
Gérard
Jaaa, da könnte ich Dir zustimmen.
Und mit welcher Begründung?
UFOMelkor schrieb:
Und mit welcher Begründung?
Da hast Du recht, einen Einzeiler von mir zu bringen, war nicht fair. (1:1)
Wenn Du große Funktionen hast, sollten die immer außerhalb vom Body eingebunden werden. Bei kleineren Dingen, wie eine 1+1 Rechnung, kannst Du es schon im body direkt aufrufen respektive verwenden, aber dann muss ich das nicht einbinden.
Legst Du Dir das JavaScript in den Header und die Funktionen haben knapp 5MB (nur als Beispiel) müssen die auch erst mal geladen sein, bevor es richtig weiter geht. Der Mensch würde hier eine langsame Seite vorfinden.
Am Ende der HTML ist es dem Menschen egal (nicht ganz, wenn er navigieren will), weil er dann hoffentlich auch schon 99% der Seite zu sehen bekam.
Allerdings stelle ich gerade (enttäuscht) fest, dass wen die JS-Dateien am Ende des Dokuments geladen wird, die Seite nicht mehr valide ist.
Ihr bindet .js außerhalb des Body-Tag ein?
bitte für doofe: was bringt das.