oct

Comment rendre plus rapide le chargement du bouton Google+1

par GiZmo | vu 262 fois

accélérer Google+1, astuce Google+1, blog, boutons de partage, boutons réseaux sociaux, chargement plus rapide, Eroan Boyer, facebook, Google Plus, installer Google+1, intégration Google+1, intégrer Google+1, optimiser Google+1, script Google+1, tuto Google+1, Twitter

De nos jours, il faut sans cesse suivre les évolutions de techno.
Histoire de donner encore un peu plus de visibilité à votre site, il faut en passer par les réseaux sociaux. Boutons de partage, j’aime, et depuis quelques mois déjà Google+1.
Vous avez d’ailleurs peut-être déjà intégré le script qui permet d’ajouter un bouton Google+1 sur votre blog. Oui mais voilà, ce script est loin d’être optimiser pour permettre un affichage rapide de vos pages…

Le bouton Google+1 faisant son appel vers l’apis.google.com en http, il est ensuite redirigé vers de l’https, ce qui engendre une perte de temps.
Cette astuce va rendre plus rapide le chargement du bouton Google+1 en pointant directement l’adresse https pour éviter des délais d’affichage trop long.
Un peu de temps de gagner, c’est toujours agréable pour vos visiteurs.

Comment faire ?
Placez le script suivant juste avant la balise fermante </body>

Version de base

<script> (function(d, t) { var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = true; g.src = ‘https://apis.google.com/js/plusone.js’; s.parentNode.insertBefore(g, s); })(document, ‘script’); </script>

Version Fr

<script> (function(d, t) { var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = true; l = d.createTextNode(« {lang: ‘fr’} »); g.appendChild(l); g.src = ‘https://apis.google.com/js/plusone.js’; s.parentNode.insertBefore(g, s); })(document, ‘script’); </script>

Pour finir, placez les balises suivantes à l’endroit où vous souhaitez placer le bouton Google+1.