Best Practices: Arbeiten mit JavaScript-

Fügen Sie JavaScript die an der Unterseite des HTML-Dokuments

Wenn Sie nicht über document.write (oder jede dynamische Generierung von Seiteninhalten mit Javascripts), einen Teil der den Inhalt der Seite in Ihren Scripts einfügen, verschieben Sie das Skript include-Anweisung an den unteren Rand der Seite, vor dem Ende des BODY-Tags.
Die HTTP/1.1 Spezifikation legt nahe, dass Browser herunterzuladen nicht mehr als zwei Komponenten parallel pro Hostname. Wenn Sie Ihre Bilder von mehreren Hostnamen dienen, können Sie mehr als zwei Downloads parallel auftreten. Während ein Script heruntergeladen wird, jedoch wird der Browser nicht starten alle anderen Downloads, auch auf verschiedene Hostnamen.
Es gibt auch Möglichkeiten zum dynamischen Erstellen von SCRIPT-Knoten und laden Remote-Skripts, nachdem die Seite geladen wird mittels AJAX.

Externalisieren Sie JavaScript-

Über externe JavaScript-Dateien werden in schneller Laden der Seiten führen, da die JavaScript-Dateien vom Browser zwischengespeichert sind. Inline-JavaScript-'in HTML-Dokumenten erhalten jedes Mal, wenn das HTML-Dokument angefordert wird heruntergeladen. Dies könnte in der Tat die Zahl der HTTP-Anfragen gemacht, aber es anschließend erhöht die Größe des HTML-Dokuments. Externe JavaScript-zwischengespeichert werden durch den Browser, die Größe des HTML-Dokuments ist ohne die Erhöhung der Anzahl von HTTP-Anfragen reduziert.
Bitte beachten Sie, dass, wenn Nutzer auf Ihrer Website mehrere Seitenaufrufe pro Session haben und viele von Ihren Seiten wieder verwenden die gleichen Skripte und Stylesheets, gibt es eine größere potentielle Nutzen von externen Dateien zwischengespeichert.

Packen Sie Ihre Javascript Dateien

Im Falle eines JavaScripts, im Gegensatz zu CSS, könnten die Dateien knirschte mit einigen Standard-Algorithmen, die eine geringere Dateigröße als das einfache Entfernen Leerzeichen oder Tabs geben würde. Ein Beispiel für JavaScript-Packer kann hier gefunden werden http://dean.edwards.name/packer/

Entfernt alle doppelten Scripts

Es ist sehr ungewöhnlich, dass ganze Skripte dupliziert werden könnte, sondern eine Überprüfung der zehn Top US-Websites zeigt, dass zwei von ihnen eine doppelte Skript enthalten. Duplizieren Sie Skripte aber offensichtlich reduziert die Leistung, indem unnötige HTTP-Anfragen und verschwendet die Ausführung von JavaScript.
Auch in vielen Fällen, wenn die Skripte Namen unterschiedlich sind, gibt es eine Wahrscheinlichkeit, dass Skripten mehrfach innerhalb der gleichen Seite durch Team Größe und Anzahl der Skripte.

Minimieren Sie Zugriff auf DOM-Elemente, soweit möglich

Zugriff auf DOM-Elemente mit JavaScript ist langsam so, um eine stärker auf Seite, sollten Sie mitbringen:
• Cache Artikeln, auf die zugegriffen Elemente
• Update-Knoten "offline" und fügen Sie sie an den Baum
• Vermeiden Befestigung Layout mit JavaScript

Separate Verhalten von Inhalt und Form

So wie wir getrennte Präsentation (CSS / XSLT) von Inhalt (XHTML / XML), sollten wir uns auch trennen Behavior (Javascript). Dies wird als unaufdringliche Javascript. So wie wir auf externe CSS-Dateien zu verknüpfen, sollten wir auf externe JavaScript-Dateien zu verknüpfen.

Statt hart zu kodieren Verhalten in den Inhalt (zB onmouseover, onclick, etc.), sollte das Verhalten dynamisch auf Elemente, Klassen und einzigartige Elemente (IDs) mit dem DOM hinzugefügt werden. Das grundlegende Dokument, dessen Inhalt, sollte nur gültig XHTML / XML und kein JavaScript.
Javascript sollte durch Zugabe von Verhalten zu erweitern. Der Inhalt sollte bleiben, nützlich und auch ohne JavaScript (oder ohne volle JavaScript-Unterstützung).


Lassen Sie eine Antwort

NDK Hause | Ausdruck ihrer IT | Ausdruck Gaumen | Penmenship Ausdruck | Ausdruck Awe | mich auszudrücken