Mit der kontinuierlichen Förderung der Web2.0-Technologie nutzen immer mehr Anwendungen JavaScript-Technologie für die Verarbeitung auf der Clientseite, wodurch die Leistung von JavaScript im Browser zum wichtigsten Usability-Problem für Entwickler wird. Dieses Problem wird durch die blockierende Natur von JavaScript verkompliziert, was bedeutet, dass der Browser, wenn er JavaScript-Code ausführt, gleichzeitig nichts anderes tun kann.
In diesem Artikel erfahren Sie, wie Sie JavaScript-Code korrekt laden und ausführen, um seine Leistung im Browser zu verbessern.
01-
Übersicht
Unabhängig davon, ob der aktuelle JavaScript-Code eingebettet oder in einer externen Linkdatei enthalten ist, muss das Herunterladen und Rendern der Seite angehalten und auf die Seite gewartet werden Die Skriptausführung muss abgeschlossen werden. Je länger der JavaScript-Ausführungsprozess dauert, desto länger wartet der Browser auf die Reaktion auf Benutzereingaben. Der Grund, warum Browser das Herunterladen und Ausführen von Skripten blockieren, liegt darin, dass das Skript möglicherweise den Namensraum der Seite oder JavaScript ändert, was sich auf den Inhalt nachfolgender Seiten auswirkt. Ein typisches Beispiel ist die Verwendung von document.write() auf der Seite. Beispiel: Listing 1
Listing 1 JavaScript-Code-Inline-Beispiel
<html>
<head>
<title>Source Example</title>
</head>
<body>
<p>
<script type="text/javascript">
document.write("Today is " + (new Date()).toDateString());
</script>
</p>
</body>
</html>Wenn der Browser auf das
