JavaScript-Datei Inklusion. Sollte ich nicht verlinken in ?

Question

Ich beobachte Douglas Crockfords „ Theorie des DOM “ und er erwähnte, dass die Lage meiner Script-Tags kann stark die Ladezeit meiner Anwendungen auswirken. Außerdem behauptet er, dass ein Script-Tag bis zum Boden des Dokuments wie möglich am Körper aufgenommen werden sollte.

Ist das korrekt?

ODER

Ist das Video nicht mehr aktuell? (was er eigentlich Websites als Grund, warum er nicht früher auf dem DOM Vortrag hat).

Answer 1

Google stimmt Crockford:

• Aufschieben JavaScript Laden
• Es ist auch (einer) die Ursache (n), warum die Google Analytics-Tracker sind am unteren Rand platziert werden.

Yahoo! auch:

• Best Practices für die Beschleunigung Ihrer Webseite (Abschnitt „Put Scripts an der Unterseite „)

Und andere SO Benutzer stimmen auch:

• Ist "Put Scripts am unteren Rand" richtig?

Answer 2

enthalten Dateien im Header vor dem Rest der Seite geladen werden, beginnt sogar Laden. Es wird empfohlen, dass Sie nicht wesentliche Dateien so nah von der Seite wie möglich am Boden zu laden, damit der Rest der Seite kann vorab geladen werden.

Es gibt einige JS-Bibliotheken (wie LABjs), dass Sie stattdessen im Header laden kann. Sie dann können Sie asynchron alle Ihre anderen JS Vermögenswerte laden und einen Rückruf zur Verfügung stellen, damit der Rest des Codes ausführen können, wenn Sie Ihre JS Vermögenswerte wissen geladen wurden.

Answer 3

Sie können auch verwenden http://labjs.com/ .

Wie in der Projektseite angegeben:

LABjs (Laden und Blockieren JavaScript) ist eine Open-Source (MIT Lizenz) Projekt unterstützt von Getify Solutions. Die Kernaufgabe von LABjs ist eine universell einsetzbarer On-Demand-JavaScript-Loader, in der Lage zu sein, zu laden jede JavaScript Ressource, von jedem Ort aus, in jede Seite, zu jeder Zeit. Ihre Skripte mit LABjs Laden Ressource reduziert während der Seitenlast blockiert, die eine einfache und effektive Art und Weise ist die Leistung Ihrer Website zu optimieren.

LABjs wird standardmäßig geladen werden (und ausführen) alle Skripte parallel so schnell wie der Browser ermöglicht. Sie können jedoch leicht festlegen, welche die Ausführung von Skripten, um Abhängigkeiten und LABjs haben richtige Ausführungsreihenfolge gewährleisten. Dies macht LABjs sicher für praktisch jede JavaScript Ressource zu nutzen, ob Sie steuern / Host oder nicht, und ob es eigenständig oder Teil eines größeren Abhängigkeitsbaumes von Ressourcen.

LABjs setzen Sie alle so hässlich „Tag Suppe“ ersetzen - die alle die Tags ist, dass im oder am Ende der von der HTML-Seite erscheinen häufig. Die API ist ausdrucksstark und Verkettungs, Sie, welche Skripte Last angeben zu lassen, und wenn ( „Block“) warten, falls erforderlich, für die Ausführung vor mit weiterer Ausführung fortfahren. Die API ermöglicht auch leicht Inline-Code-Ausführung Kopplung (man denkt: Inline-Tags).

LABjs ist nun das Privileg, profitieren von der Zusammenarbeit mit Steve Souders und dem Ziel ist die einzige beste Lösung für eine optimierte, flexible, allgemeine Skript Laden verfügbar zu sein.

Answer 4

Ich habe auch gehört, dass JavaScript sollte am Ende der Seite auf „hoffentlich“ sicherzustellen, enthalten sein das DOM geladen ist. Ich glaube, ich lese diese in der Yahoo-Dokumentation eine Weile zurück.

Answer 5

Nun, es ist richtig. Es sei denn, Sie verwenden so etwas wie ‚head.js‘, die lädt Sie Dateien parallel JavaScript. Oh, und haben einige Skripte, bevor der Inhalt sein. Zum Beispiel kann der html5-shiv Skript.

http://headjs.com/