So implementieren Sie das verzögerte Laden von Javascript

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(&#39;A()&#39;, 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 Fortgeschrittene

】

Das 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!