Contact
Qui suis-je ?
consultant ecommerce

Canapé Inn

Le Club Golf

Le Club Whisky Cigare

Formation Ecommerce

Mon CV de chef de projet Ecommerce

Retrouvez la présentation de mon activité de consultant Ecommerce sur ce blog.

Fermer

Accélérez le chargement de votre site

18 décembre 2008 — TechniqueComments 
						Accélérez le chargement de votre site

Constat

Eric Daspet, constate, dans une présentation que vous trouverez ici, que lors de douze derniers mois, la taille moyenne des homepages des 1000 sites les plus consultés est passée de 250 à 312 ko.  En quoi cela peut-il nuire ?

Le constat est simple : le chargement de Amazon est désormais plus long de 100 ms et les ventes ont chuté de 1%, celui de Yahoo de 400 ms et les abandons ont crû de 5 à 9%. A contrario, Google a été « allégé » de 30% et son trafic a crû de 30%.

Comment agir ?

Eric Daspet présente plusieurs moyens permettant d’optimiser la vitesse de chargement. Afin de ne pas le paraphraser, je vous invite à consulter sa présentation. Toutefois, voici quelques mesures majeures à mettre en place.

S’occuper du front end offre le meilleur ROI (Return On Investment). Pour cela :

- Limiter le nombre de requêtes HTTP

- Optimiser le cache HTTP

- Les images représentent 45,6% du poids total, il faut donc :

- Préférer les PNG aux GIF

- Passer les images par PNGCrush

- Retirer les métadonnées des photos (Astuce : sauvegarder vers un format type TIFF, ensuite vers du JPG)

- Préférer les PNG8 aux PNG pleines couleurs

- Dernière astuce : le code JavaScript bloque tout, il suffit de le disposer en bas du code, avant /body.

  • Florent
    Avec les applications dites "2.0" ("Ajax"), le volume de code "client side" a explosé, ce qui est un mal nécessaire.

    D'un point de vue tout à fait à personnel, il me paraît indispensable de penser à être le plus concis en matière de traitement de ce côté, ceci pénalisant les auditeurs dont les machines sont modestes. Les performances sont nettement accrues par un maximum de traitements "server side", avec, pourquoi pas, la mise en place d'une moteur de template, voir de cache.
    La pierre angulaire de ces choix restant la "dynamicité" (neologisme ?!) attendue du site...

    Il me paraît par contre acquit que l'utilisation d'applications clientes type Flash, ActiveX, et autres applet Java sont à restreindre aux cas "indispensables". Elles sont le "cancer" de beaucoup de sites, de part leur temps de chargement, et la consommation de ressources induites par leurs "plug-ins" et autres machines virtuelles...

    Il est aussi à rappeler que le broadband n'est pas universelle, qu'un volume important de données à transiter peut vite devenir un handicap... Les temps de chargement et d'affichage des sites "lourds" sont parfois rebutants, et les temps de latence de certaines requêtes et transferts de site à fort dynamisme (via xmlHttpRequest) dépasse parfois les limites de la patience humaine ;-)

    L'optimisation est une notion relative: aux besoins, a des choix techniques lié aux convictions... Mais se doit d'être maitresse dans le dev web, quelques soient les évolutions technologiques...
  • Quelques pistes complémentaires:

    => Prendre un hébergement adapté à son trafic.

    => Poser le Javascript en fin de page c'est bien, les experts en monétisation vous diront de placer le javascript de chargement des menus juste après celui des publicités pour augmenter leurs taux de clics.

    Un chargement rapide permet en tout cas de diminuer le taux de rebond...
blog comments powered by Disqus