1. Laden
Laden Sie zuerst die Referenz -JS -Datei der statischen Seite und ermitteln Sie dann, ob die Referenzdatei die Onload -Funktion enthält, z. B. die Onload -Funktion in main.js, ob Referenzen auf andere JS -Dateien in main.js vorhanden sind, und die Priorität besteht darin, die Referenz -JS -Datei zu laden. Die Ladereihenfolge der referenzierten Dateien entspricht der Reihenfolge von Main.js.
Beginnen Sie nach dem Laden mit der Ausführung der Onload -Funktion. Da die Ausführungsreihenfolge von JS nacheinander ausgeführt wird, müssen die Seite nur in der On -Load -Seite nur die Seite entsprechende Geschwindigkeit der Seite verbessern, und einige Ereignisbindungsfunktionen, AJAX -Methoden usw. können das Schreiben verzögert werden.
2. Analyse der Reaktionsgeschwindigkeit
1. Verwenden Sie Tools, um zu analysieren
Die Entwickler -Tools der wichtigsten Browser (wie Firefox am meisten) können die Lade- und Ausführungszeit jeder JS -Datei, der HTML -Datei, der CSS -Datei und der Bilder problemlos anzeigen.
2. Hartcodierte Analyse
Im ersten Schritt können wir im Grunde die JS -Datei Engpass -JS -Datei finden. In Engpasck JS können Sie die Anweisungen von Console.Time ('Test') und Console.endTime ('Test') verwenden, um die Ausführungszeit des JS -Funktion und des Codeblocks zu berechnen. Die Konsolenerklärung ist jedoch nur in Nicht-IE-Browsern gültig, und ein Fehler wird unter dem IE gemeldet. Wenn Sie es vorziehen, IE zu verwenden, verwenden Sie Zeitstempel. Beim Einklemmen besteht die bequemere Methode darin, die gesamte JS-Datei direkt einzukleben und dann den Firefox-Browser zu verwenden. Drücken Sie F12, um die zeitaufwändige Funktionen aller Funktionen und Codeblöcke in den Ziel-JS in der Konsole anzuzeigen, und Sie können ihn am Engpass-Code suchen.