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
Libérer: 2016-05-16 15:23:17
original
1102 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

Troisièmement, JS est chargé en dernier

Où vous souhaitez afficher le code d'annonce JS

<div id="guangg1"></div>
Copier après la connexion

Contenu publicitaire que vous souhaitez afficher

<div id="ggad1"><script language="javascript"
src="/frontpage/include/php100.js"></script></div>
Copier après la connexion

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>
Copier après la connexion
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal