Heim > Web-Frontend > js-Tutorial > js Lazy Loading ändert die Position von JS, um das Laden von Webseiten zu beschleunigen

js Lazy Loading ändert die Position von JS, um das Laden von Webseiten zu beschleunigen

高洛峰
Freigeben: 2017-01-04 10:42:29
Original
1173 Leute haben es durchsucht

Wenn auf einer Website viel JS-Code geladen werden muss, wirkt sich die Position des JS-Codes bis zu einem gewissen Grad auf die Ladegeschwindigkeit der Webseite aus. Um das Laden unserer Webseite zu beschleunigen, fasst dieser Artikel Folgendes zusammen: Einige Punkte, die Sie beachten sollten:
1. Laden des JS-Codes verzögern

<script type=”text/javascript” src=”" id=”my”></script> 
<script type=”text/javascript”> 
setTimeout(“document.getElementById(‘my&#39;).src=&#39;include/php100.php&#39;; “,3000);//延时3秒 
</script>
Nach dem Login kopieren

Auf diese Weise bleibt mehr Zeit für das Laden der Webseite!

2. JS endgültige Ladelösung eins
Fügen Sie den folgenden Code ein, wo JS eingefügt werden muss:
Programmcode

<span id=”L4EVER”>LOADING…</span>
Nach dem Login kopieren

Natürlich lädt das... Sie kann es durch dein eigenes ersetzen. Mir gefällt das kleine Bild.
Dann füge unten auf der Seite Folgendes ein:

<span id=”AD_L4EVER”>你的JS代码在这里!</span > 
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML=”";</script>
Nach dem Login kopieren
3 Die zweite Option

Dies betrifft die Ladereihenfolge der Webseite. Wenn Sie beispielsweise eine externe JS-Skriptdatei im Kopf des HTML-Codes platzieren, wird das JS-Skript vor dem geladen Wenn die Seite geladen wird, wird sie entsprechend der Ladesequenz vom oberen Rand der Seite geladen. ~~~ So können wir die von außerhalb importierten Dateien ablegen js am Ende der Seite, sodass die js zuletzt eingeführt werden können, wodurch die Ladegeschwindigkeit der Seite beschleunigt wird.


Mehr js Lazy Loading: Ändern Sie die Position von JS, um das Laden von Webseiten zu beschleunigen. Bitte beachten Sie die chinesische PHP-Website.


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage