Comment augmenter la vitesse de chargement d'un blog Blogger - Lazy Load

Pour améliorer le temps de chargement de vos pages, vous devez d’une part installer le script Lazy Load qui a comme fonction de différer le chargement
Comment augmenter la vitesse de chargement d'un blog Blogger - Lazy Load
Pour améliorer le temps de chargement de vos pages, vous devez d’une part redimensionner et réduire la taille de vos images (compresser) et d’autre part installer le script Lazy Load qui a comme fonction de différer le chargement et l’affichage de vos images.

En effet, ce scripte va retarder l'apparition des images situées en dessous de ligne de flottaison qui ne seront chargées que lorsque l’internaute les atteint en défilant vers le bas.

Les moteurs de recherche dont Google apprécient l’usage de ce scripte, car cela permet d'augmenter la vitesse de chargement des pages en affichant le texte en priorité avant les éléments volumineux comme les images ou les vidéos.

La mise en place du Lazy Loading dans votre blog Blogger est très facile. Elle requiert l’intégration d’une seule ligne de code JavaScript.

Ci-dessous le code JavaScript Lazy Load que vous devez insérer dans le code HTML de votre thème Blogger.
<script src='https://cdn.jsdelivr.net/gh/cctonikgf/recherche@master/lazyloadub.js' type='text/javascript'/>

Améliorer le temps de chargement de votre blog Blogger avec le script Lazy Load

Rappel : avant d'entamer toute modification du code HTML de votre thème, je vous conseille vivement d'enregistrer une copie de votre thème. Si vous ne savez pas comment procéder, cliquez ici.

Cliquez sur "Thème"> "Modifier le code HTML"

Une boite contenant le code HTML de votre thème s'affichera

Cliquez n'importe où à l'intérieur du code HTML

Appuyez ensuite sur Ctrl et F en même temps ou Cmd et F pour Mac, une petite barre de recherche doit apparaître en haut à droite.

Cherchez le code </head> dans votre barre de recherche

Collez ensuite le scripte Lazy Load au-dessus de la balise HTML </head>

scripte Lazy Load pour améliorer le temps de chargement de votre blog Blogger

Enregistrez les modifications apportées à votre thème et visualisez les résultats.


Voilà ! C’est tout pour ce petit tutoriel. Pour en savoir plus sur les outils d'évaluation du temps de chargement de votre blog, suivez ce lien. Merci à vous et n'hésitez surtout pas à partager ce tutoriel sur les réseaux sociaux si vous jugez qu'il pourrait être utile pour d'autres personnes.