Maison >interface Web >js tutoriel >Le chargement retardé du code JavaScript améliore les astuces speed_javascript

Le chargement retardé du code JavaScript améliore les astuces speed_javascript

WBOY
WBOYoriginal
2016-05-16 15:23:171085parcourir

Le chargement retardé du code js améliore la vitesse. Le contenu spécifique est le suivant :

S'il y a une grande quantité de code javascript dans la page Web, cela affectera grandement la vitesse d'accès de la page Web. Voici une brève introduction sur la façon de résoudre ce problème.

1. Chargement retardé des fichiers js :

Vous pouvez utiliser la fonction timer setTimeout() pour retarder le chargement des fichiers js externes, par exemple :

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

Le code ci-dessus permet de réaliser que le code js sera chargé après 3 secondes, ce qui peut améliorer la vitesse dans une certaine mesure.

2. Placez le code js derrière le contenu de la page Web :

C'est relativement simple, il va sans dire qu'il s'agit de mettre le code js derrière le contenu de la page Web, un en bas du corps, afin que le contenu puisse être chargé en premier puis que le code js soit exécuté , ce qui peut également améliorer les performances dans une certaine mesure.

Ce qui suit vous présentera comment retarder le chargement ou le chargement final du code publicitaire JS pour accélérer le chargement des pages

Le code publicitaire JS retarde le chargement ou est chargé en dernier pour accélérer le chargement de la page S'il y a beaucoup de codes publicitaires JS dans la page, ou d'autres codes js/' target='_blank' class='u'>JS. est trop volumineux, cela prendra beaucoup de temps à charger. Utilisez le code publicitaire JS pour retarder le chargement ou charger en dernier pour accélérer le chargement de la page.

Tout d'abord, le chargement paresseux de JS

Le code est le suivant :

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

Deuxièmement, le code d'annonce JS est chargé en dernier

Insérez le code suivant à l'endroit où JS doit être inséré :

Code du programme

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

Bien sûr, ce CHARGEMENT... vous pouvez le changer en une petite image que vous aimez. Cela a l'air très efficace en AJAX.

Puis insérer en bas de page :

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

Troisièmement, JS est chargé en dernier

Où vous souhaitez afficher le code d'annonce JS

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

Contenu publicitaire que vous souhaitez afficher

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

Déterminer si la position de l'annonce à afficher existe

<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>
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn