Intégrez vos javascript externes !

Ne restez pas dépendant des temps de chargement de vos services externes !

Dans le temps de chargement d'une page, il est très courant d'être confronté aux aléas de services externes tel que Google Analytics ou AddThis par exemple. C'est d'autant plus gênant si vous attachez un soin particulier à l'optimisation de vos pages et à votre score Google Page Speed.

L'astuce consiste à récupérer le javascript du service afin de le charger via votre serveur.

Comment procéder ?

Dans un premier temps, installez le service comme préconisé par le fournisseur sur votre page :

Exemple avec le code d'insertion AddThis :

Comme vous pouvez le constater, le code appelle un javascript externe. Il suffit alors de récupérer son contenu en copiant son adresse dans votre navigateur (ou via le code source de la page). Le contenu du javascript s'affiche et il vous suffit de l'enregistrer dans un fichier que nous allons nommer addthis.js.

Intégrez le comme n'importe quel javascript avant la balise de fermeture head  de votre page comme ceci :

Vous pourrez alors effacer l'appel au javascript du service AddThis du code d'origine pour que ça donne :

Ca y est ! Vous n'êtes plus dépendant de l'état de santé de leur serveur !

Pour un résultat maximum, utilisez le script combine qui vous permettra de regrouper tous vos fichiers javascript en un seul et qui les optimisera automatiquement !

Cette astuce est valable pour beaucoup de services !

Si vous avez utilisé cette technique, laissez-nous un petit commentaire en nous donnant votre gain à Google Page Speed !