Lent AddThis Chargement: Utiliser le mode Async pour Faster Site Web

AddThis est lent sur votre site? Apprenez à charger plus rapidement en utilisant le chargement asynchrone (mode de JavaScript asynchrone). s7.addthis.com et addthis_widget.js

A+ A-

AddThis est l'un des principaux services de signets sur Internet. Des millions de sites dans le monde utilisent ce service pour afficher le réseautage et le partage des boutons sociaux comme Facebook , Twitter , Google+ , etc. Il n'y a pas de doute que AddThis est un service utile et il est facile de passer le mot sur ​​votre site Web -mais un certain nombre des webmasters faire l'expérience la vitesse de charge lente après avoir installé AddThis plugin / widgets.

Si vous utilisez le script AddThis comme prévu par AddThis -il ya de fortes chances que votre site prendra beaucoup plus de temps à charger. Vous pouvez apprendre que le script addthis_widget.js de s7.addthis.com serveur prend trop de temps à charger.

Nous allons étudier la question et de voir quelle est la solution pour cela.

Pourquoi AddThis ralentir votre site Web?

Pour afficher les boutons de réseaux sociaux sur votre site , vous devez intégrer un morceau de AddThis JavaScript dans le code de votre site Web. Cela rend votre site dépend de la vitesse du serveur AddThis parce que votre site doit chercher le JavaScript à partir de là. Si leur serveur sera lent site de -votre sera également lente. En outre, le placement d'un code AddThis dans votre site Web peut également entraver le chargement que les navigateurs attendront pour le code AddThis pour charger complètement avant de procéder à venir.

chargement Asynchronous JavaScript peut rendre votre site charger plus rapidement.

chargement Asynchronous JavaScript peut rendre votre site charger plus rapidement.

Chargez plus rapidement avec le mode AddThis asynchrone (asynchrone)

La solution pour se débarrasser de cette lenteur est de charger le script AddThis en mode asynchrone. Cela permettrait d'éviter de charger AddThis autres actifs, sauf le script initial. Après le chargement de ce script initial de votre site Web cassera connexion avec le serveur AddThis et se charger davantage. Lorsque le modèle objet de document de votre site Web (DOM) sera entièrement chargé, alors vous pouvez appeler la fonction init () de AddThis JavaScript pour reprendre le chargement des actifs AddThis restants.

Pour ce faire, il suffit d'ajouter les paramètres suivants à votre appel de script:

async = 1 & domready = 1

Ainsi, au lieu du code ci-dessous:

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f3e33c72b9a4e40"></script>

Utilisez celui - ci (changer le paramètre pubid à votre pubid):

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=<YOUR-PUB-ID>&async=1&&domready=1"></script>

Et puis appeler la fonction init () juste avant la fermeture de la balise body:

<!-- Call for AddThis init() function -->
<script>
    function initAddThis()
     {
          addthis.init()
     }
     initAddThis();
</script>

Si vous faites cela, vous verrez que votre AddThis plugin / widget de chargement plus rapide qu'auparavant. Bien sûr, il pourrait y avoir d'autres raisons qui pourraient ralentir votre site Web. Vous devriez examiner ces raisons séparément. Sites lents ne sont pas considérés comme des sites Web de qualité par Google.

J'espère que cela a aidé! Laissez-moi savoir vos commentaires sur ce!

Ads

Partager