mardi 29 janvier 2013

Encore un truc de Rodney! Accélérez le chargement de votre blog...



Rodney SANKINKA est le Premier Super Héros venu d'Afrique. Il est à la recherche du code source du monde pour le changer (ha,ha,ha, ha !).

Son blog http://blogger-au-bout-du-doigt.blogspot.com est un véritable coffre aux trésors pour les Bloggers...

Cette semaine, Rodney nous propose un script de Hồng Hòa Vi (un Vietnamien) qui permet d'accélérer l'affichage de votre blog si celui-ci contient beaucoup d'images.


"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 ce qui est en rouge est à retirer 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 sera plus rapide."

Note du webmaster: 
personnellement, je ne suis pas enchanté par ce script:
Certes, le blog s'affiche beaucoup plus rapidement, mais certaines images notamment dans les widgets restent floutées et ne s'affichent pas plus quand on arrive à leur hauteur. Le fait de rafraîchir la page ne change pas grand-chose. J'ai donc cessé de déployer ce script sur tous mes blogs. Wait and see...

Aucun commentaire:

Enregistrer un commentaire