Javascript ralentit le chargement de votre site? Essayez le mode asynchrone!

Combien de fois avons-nous entendu dire que JavaScript est la cause la plus fréquente des retards dans le chargement d'une page web? de nombreuses fois, non? Ceci, malheureusement, vient du fait que de nombreux services utilisés sur les sites et les blogs sont fournis de l'extérieur par l'inclusion d'une page Web dans le code JavaScript. Par exemple penser à des services comme les statistiques, l'échange de bannières, les plugins sociale, shoutbox, etc.

Tous ces éléments, en règle générale, sont chargés dans la page Web grâce à l'utilisation des <script> ceci:

 



 <script type="text/javascript" src="http://www.sitoesterno.com/servizio.js"> </ script>

 

Ce type de balisage, comme prévu, souffre d'un problème important: si les ressources externes ne répond pas rapidement (par exemple parce que le serveur est surchargé ou il ya un problème de réseau temporaire) du navigateur, appelé pour afficher la page Web l'hôte de ce code, il bloquera d'attente pour le chargement du javascript est chargé. La conséquence est que la page web peut devenir très lente ou, au pire, il peut être blanc ... entraînant une perte de trafic!

Résoudre le problème facilement

Une solution à ce problème est offerte par l'utilisation de balises <iframe> mais ce n'est pas toujours possible: lorsque l'élément à être incorporés a une taille définie (par exemple une bannière), vous pouvez utiliser cette solution ... mais quand l'élément doit inclure différentes tailles ou utiliser les effets dynamiques, l'iframe est certainement insuffisant.

Une deuxième solution, qui est également très simple, est de placer le code JavaScript qui ne produit pas directement une sortie (comme les statistiques) dans le bas juste avant la fin de body ... mais quand notre code a besoin pour produire une sortie et cela doit être positionné à un endroit précis de notre mise en page, ce n'est pas, bien entendu, possible.

Ces deux solutions simples, par conséquent, ne sont pas la réponse que vous cherchez ... Nous voyons donc, qu'est-ce que c'est et comment le chargement asynchrone de code javascript.

• <<
• 1
• 2
• >>