Leistung von JavaScript

Web-Leistung ist ein objektiver Maßstab und auch das Bewusstsein und die Erfahrung des Benutzers während der Ladezeit und des Laufens.

Web-Leistung ist die Zeit für die Ladezeit der Website, Interaktion und Reaktion sowie die Glätte des Inhalts während der Benutzerinteraktion.

Viele Funktionen beeinflussen die Leistung, einschließlich Verzögerung, Größe der Anwendung, Anzahl der DOM-Knoten, Anzahl der gesendeten Ressourcenanfragen, JavaScript-Leistung, CPU-Last und mehr.

Wie kann die Web-Leistung verbessert werden?

Verringerung der Loop-Aktivität

Anweisungen oder Zuweisungen, die außerhalb des Loops stehen können, machen den Loop schneller.

In dem folgenden Beispiel rufen wir die length-Eigenschaft des Arrays bei jedem Loop-Aufruf ab:

for　(let　i　=　0;　i　<　arr.length;　i++)　{

In dem folgenden Beispiel rufen wir die length-Eigenschaft außerhalb des Loops auf und lassen den Loop schneller laufen:

let　size　=　arr.length;
for　(let　i　=　0;　i　<　size;　i++)　{

Effizienzsteigerung des DOM-Zugriffs

Im Vergleich zu anderen JavaScript-Anweisungen ist der Zugriff auf das HTML-DOM sehr langsam.

Wenn Sie DOM-Elemente mehrmals aufrufen müssen, rufen Sie sie einmal auf und verwenden Sie sie als lokale Variable.

Platzieren Sie JavaScript am Ende der Seite

Platzieren Sie das Skript am Ende des Textkörpers der Seite, damit der Browser zunächst die Seite laden kann.

Beim Herunterladen des Skripts startet der Browser keine anderen Downloads und alle Parsing- und Rendering-Aktivitäten könnten blockiert werden.

Eine andere Methode ist die Verwendung vondefer="true". DasVerzögerungDas Skript sollte nach der Eigenschaftsspezifikation des Dokuments ausgeführt werden, die nach der Parsing-Vorgabe abgeschlossen ist, aber es gilt nur für externe Skripte.

Verwenden Sie nicht das Schlüsselwort 'with'

Das Schlüsselwort with wird als 'Schwachsinn' betrachtet, da es einige sehr frustrierende Defekte aufweist.

Obwohl with den Prozess der Verarbeitung lokaler Attribute vereinfacht, erhöht die Verwendung von with die Last der Suche nach Variablen in anderen Scopes.

Das Schlüsselwort ist im strengen Modus nicht erlaubt.

Minimale HTTP-Anfragen

Durch Kombination externer Dateien und direkte Einbindung von JavaScript in die HTML-Seite wird die Anzahl der HTTP-Anfragen, die für die Darstellung der Seite erforderlich sind, minimiert.

Jeder einzigartige HTTP-Access zum Server führt zu erheblichen Verzögerungen.

Verwenden Sie nicht das gleiche Skript zweimal

Wiederholte Skripte haben einen erheblichen Einfluss auf die Leistung. Wiederholte Skripte erstellen unnötige Anfragen über HTTP, insbesondere im Internet Explorer.

Verwenden Sie nicht eval()

Obwohl daseval()Funktionen sind eine gute Methode, um beliebigen Code auszuführen, aber jeder String, der an die eval-Funktion übergeben wird, muss sofort analysiert und ausgeführt werden. Mit jedem Aufruf der eval-Funktion entsteht eine Last. Jedes Mal, wenn eine eval-Funktion aufgerufen wird, entsteht eine Last.