Die JavaScript-Leistung in Browsern ist zum wichtigsten Usability-Problem für Entwickler geworden. 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 richtig laden und ausführen, um seine Leistung im Browser zu verbessern.
Ü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 den Abschluss der Skriptausführung gewartet 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 von JavaScript ändert, was sich auf den Inhalt nachfolgender Seiten auswirkt. Ein typisches Beispiel ist die Verwendung von document.write() auf der Seite.
Inline-Beispiel für JavaScript-Code
<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