Implementierungsmethode: 1. Verwenden Sie die setTimeout-Methode. Die Syntax lautet „setTimeout(‘js-Methode‘, Verzögerungszeit);“ 2. Wenn Sie eine externe js-Skriptdatei einführen, fügen Sie sie in den Hauptteil ein und sie wird geladen Von oben nach unten entsprechend der Seite. Führen Sie den JavaScript-Code nacheinander aus.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Lazy Loading von js hilft, die Ladegeschwindigkeit der Seite zu verbessern:
1. Verwenden Sie die setTimeout-Verzögerungsmethode, um die Ladezeit zu verzögern.
Lay Loading von js-Code mehr Zeit für das mehrfache Laden von Webseiten
<script type="text/javascript" >
function A(){
$.post("/lord/login",{name:username,pwd:password},function(){
alert("Hello");
});
}
$(function (){
setTimeout('A()', 1000); //延迟1秒
})
</script>2. Lassen Sie js zuletzt laden
Wenn Sie beispielsweise eine externe js-Skriptdatei einführen und diese im HTML-Kopf platzieren, wird das js-Skript geladen In die Seite, bevor die Seite geladen und im Hauptteil platziert wird, wird der JavaScript-Code entsprechend der Ladereihenfolge der Seite von oben nach unten ausgeführt ~~~ So können wir die von außerhalb des JS importierten Dateien unten ablegen
Methode 2 oben: Gelegentlich erhalten Sie auch die Warnung „Verzögertes Laden von Javascript“ vom Google-Tool zum Testen der Seitengeschwindigkeit. Daher wird hier die Lösung die auf der Google-Hilfeseite empfohlene Lösung sein.
//这些代码应被放置在</body>标签前(接近HTML文件底部)
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "defer.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>Dieser Code bedeutet, zu warten, bis das gesamte Dokument geladen ist, bevor die externe Datei „defer.js“ geladen wird.
Schritte zur Verwendung dieses Codes:
1) Kopieren Sie den obigen Code
2). Ihr externer JS-Dateiname
4). Stellen Sie sicher, dass Ihr Dateipfad korrekt ist. Beispiel: Wenn Sie nur „defer.js“ eingeben, muss sich die Datei „defer.js“ im selben Ordner wie die HTML-Datei befinden.
Hinweis: Dieser Code lädt die angegebene externe JS-Datei erst, wenn das Dokument geladen ist. Daher sollte hier kein JavaScript-Code platziert werden, der vom normalen Laden der Seite abhängt. Stattdessen sollte JavaScript-Code in zwei Gruppen unterteilt werden. Eine Gruppe ist der Javascript-Code, der sofort geladen wird, weil die Seite ihn benötigt, und die andere Gruppe ist der Javascript-Code, der nach dem Laden der Seite ausgeführt wird (z. B. das Hinzufügen eines Klickereignisses oder andere Dinge). Der JavaScript-Code, der warten muss, bis die Seite geladen ist, bevor er ausgeführt wird, sollte in einer externen Datei abgelegt und dann importiert werden.
【Empfohlenes Lernen:
Javascript-Tutorial für FortgeschritteneDas obige ist der detaillierte Inhalt vonSo implementieren Sie das verzögerte Laden von Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
