Optimiser le chargement des pages avec images sur Blogger

Vous avez un blog avec beaucoup d'images ? Le chargement des pages est lent et vous cherchez comment remédier à ce problème ? Voici pour vous un moyen d’optimiser le chargement des images de votre blog afin de le rendre plus rapide et plus léger.

Source de l'image : Blog Thiêk kê

Le script de  +Hồng Hòa Vi  que je vais vous proposer ici fera que les images de votre blog ne seront plus chargées au même moment, mais au fur et à mesure que le lecteur ira vers le bas de la page.

Voici comment procéder pour optimiser le chargement des photos sur votre blog : 

1. Se connecter à Blogger. Aller sur “Modèle”, puis sur “Modifier le code HTML”

2. Trouver la balise </head>

3. Coller le script suivant juste avant la balise trouvée.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/>

<script src='http://blogthietke.googlecode.com/files/lazypic.js'/>
<script charset='utf-8' type='text/javascript'>
$(function() {    
$(&quot;img&quot;)  
.lazyload({
placeholder: &quot;https://lh3.googleusercontent.com/-Z9XhV1m9Jak/T3AqzaLp1EI/AAAAAAAACyw/Y1dC7eoBPxM/s5/eee.gif&quot;,
effect: &quot;fadeIn&quot;});
});
</script>


Notez que le script en rouge est à omettre s'il se trouve déjà dans votre modèle.

4. Enregistrer le modèle

Maintenant, le chargement des pages de votre blog avec images et autres photos seront plus rapide.