Das verzögerte Laden von JavaScript-Code verbessert die Geschwindigkeit. Tipps für Javascript

Das verzögerte Laden von js-Code verbessert die Geschwindigkeit. Der spezifische Inhalt lautet wie folgt:

Wenn die Webseite eine große Menge Javascript-Code enthält, wirkt sich dies stark auf die Zugriffsgeschwindigkeit der Webseite aus. Hier finden Sie eine kurze Einführung, wie Sie mit diesem Problem umgehen können.

1. Verzögertes Laden von js-Dateien:

Sie können die Timer-Funktion setTimeout() verwenden, um das Laden externer JS-Dateien zu verzögern, zum Beispiel:

<script type="text/javascript" src="" id="my"></script> 
<script type="text/javascript"> 
var js=document.getElementById("my"); 
function addjs(){
 js.src="js/js.js"; 
}
setTimeout(addjs,3000);
</script>

Der obige Code kann erkennen, dass der JS-Code nach 3 Sekunden geladen wird, was die Geschwindigkeit bis zu einem gewissen Grad verbessern kann.

2. Platzieren Sie den js-Code hinter dem Webseiteninhalt:

Dies ist relativ einfach. Es versteht sich von selbst, dass der JS-Code hinter dem Inhalt der Webseite eingefügt wird, einer am unteren Rand des Hauptteils, sodass zuerst der Inhalt geladen werden kann und dann der JS-Code ausgeführt wird , was auch die Leistung bis zu einem gewissen Grad verbessern kann.

Im Folgenden erfahren Sie, wie Sie das Laden oder endgültige Laden des JS-Werbecodes verzögern können, um das Laden der Seite zu beschleunigen

JS-Werbecode verzögert das Laden oder wird zuletzt geladen, um das Laden der Seite zu beschleunigen, oder anderen js/' target='_blank' class='u'>JS-Code ist zu groß, das Laden wird viel Zeit in Anspruch nehmen. Verwenden Sie JS-Anzeigencode, um das Laden zu verzögern, oder laden Sie den letzten, um das Laden der Seite zu beschleunigen.

Zuerst JS Lazy Loading

Der Code lautet wie folgt:

<script language="JavaScript" src="" id="my"></script>
<script>
setTimeout("document.getElementById('my').src='include/php100.php'; ",3000);//延时3秒
</script>

Zweitens wird der JS-Anzeigencode zuletzt geladen

Fügen Sie den folgenden Code an der Stelle ein, an der JS eingefügt werden muss:

Programmcode

<SPAN id=L4EVER>LOADING...</SPAN>

Natürlich, das LADEN... Sie können es in ein kleines Bild ändern, das Ihnen gefällt. Es sieht sehr AJAX-effektiv aus.

Dann fügen Sie unten auf der Seite ein:

<SPAN class=spanclass id=AD_L4EVER>
你的JS代码在这里!</SPAN>
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>

Drittens wird JS zuletzt geladen

Wo Sie den JS-Anzeigencode anzeigen möchten

<div id="guangg1"></div>

Werbeinhalte, die Sie anzeigen möchten

<div id="ggad1"><script language="javascript"
src="/frontpage/include/php100.js"></script></div>

Bestimmen Sie, ob die anzuzeigende Anzeigenposition vorhanden ist

<script>
function chkdiv(divid){
var chkid=document.getElementById(divid);
if(chkid != null)
{return true; }
else
{return false; }
}   最后就是显示JS广告代码了
if (chkdiv('guangg1')) {
document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML;
document.getElementById('ggad1').innerHTML="";
}
</script>