jeudi 20 février 2014

Optimisez vos images

Au menu du jour, quelques astuces très simples pour optimiser les images que vous utilisez sur votre site web.

Double avantage : vous y gagnerez au niveau du référencement (Google aime les sites rapides) et au niveau du confort de navigation pour vos internautes grâce à un téléchargement + rapide (vraiment + rapide) de vos pages.

Voici une formule qui vous permettra de mieux comprendre l'importance du temps de chargement de vos pages :

 1 SECONDE  =  -10%

1 seconde d'attente correspond à 10% d'internautes en moins !

Au-delà de 5 secondes d'attente vous avez donc déjà perdu 50% de vos internautes. Et à partir de 10 secondes, ceux qui restent (s'il y en a) se sont sûrement endormis ou sont partis jouer au ping-pong :)

Oui, ça fait mal ! Dommage de balancer du budget pour augmenter votre trafic et ensuite tout perdre à cause de pages trop lourdes.

Voici donc une check-list à suivre pour optimiser vos images :

  • Format : le .jpeg est mon ami (le .png aussi)
  • Compression : n'hésitez pas à monter le taux (tant que la qualité visuelle ne baisse pas trop)
  • Résolution : 72 dpi (un classique)
  • Taille : ajuster la taille de vos images avant de les mettre en ligne (une image de 400px / 300px ne doit pas se retrouver à 200px / 150px une fois sur la page de votre site web)

En travaillant sur ces quelques points très simples vous pourrez diminuer de moitié le poids de vos images (au moins).

Un exemple pour finir de vous convaincre :
1) Hypothèse d'une page avec 5 images
2) On passe chaque image de 100 à 50Ko (facile)
3) On vient donc de gagner 250Ko au total !
4) Avec une connexion à 100Ko/sec : vous venez de gratter 2,5 secondes (minimum)
5) D'après la formule du haut : vous empêchez le départ de 25% de vos internautes !

Ca fait plaisir, oui je sais, quelle belle journée, merci, bravo à tous, à la prochaine... !!!  ;)