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

高洛峰
高洛峰Original
2017-01-04 10:42:291207Durchsuche

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>

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>

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>
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.


Stellungnahme:
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