Aller au contenu
Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Accélèrez le chargement du bouton Google +1

Si vous avez intégré le script qui permet d’ajouter un bouton Google +1 sur votre site, voici une astuce qui va vous permettre d’accélérer le chargement de celui-ci et surtout de le charger de manière asynchrone pour éviter l’attente à l’affichage de la part de vos visiteurs.

Pour cela, il suffit de placer ce script juste avant la balise fermante </body>

<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>

Ensuite, placez les balises suivantes à l’endroit où vous voulez faire apparaitre le bouton Google +1.

<g:plusone></g:plusone>

Alors pour la petite histoire, ce code permet le chargement du script de Google de manière asynchrone. Vous pouvez bien sûr le réutiliser pour vos autres scripts. Et pour ce qui est du temps de chargement, les appels en http vers apis.google.com sont redirigés vers de l’https. La redirection fait perdre du temps. En modifiant le script d’insertion proposé par Google, afin d’indiquer directement l’url en https, on évite la redirection et on gagne quelques millièmes de secondes.

Voili voilou !

[Photo et source]


Les articles du moment