Développement Publié par le

Comment rendre plus rapide le chargement du bouton Google+1

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>

ou

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.

<g:plusone></g:plusone>

A voir également, l’excellent tuto d’intégration asynchrone via le loader head.js des boutons Facebook, Twitter et Google+1 du blog d’Eroan Boyer.

About these ads


Laisser un commentaire

About these ads