Capitaine commerce 2.1

J’ai eu beaucoup de remarques suite au billet ‘Mon site est lent, oui, mais pourquoi ?‘, et en particulier le cout que cette latence peut engendrer (en fait non, personne ne m’a fait de remarque, mais je trouve que comme entrée en matière c’est carrément chouette).

Alors que FireBug vient de sortir en version 1.2, j’ai eu le plaisir de lire un article sur le sujet, dont je vous tire ici la substantifique moelle.

En gros cela dit que oui, cela peut vous couter cher. Par exemple chez amazon, 100ms coute 1% de leurs ventes. C’est affolant non ? D’autant que si cela coute 1% chez un monstre comme amazon, cela doit être encore pire chez un petit commerçant peu connu, n’ayant pas de clients fidèles ou captifs.

Dans l’excellent article en question vous trouverez causes et solutions possibles, des plus simples, aux plus complexes. Au passage c’est un post que les codeurs de magento devraient lire.

highscalability.com via nexen

Il arrive parfois que votre site présente des signes de lenteur ? Et là vous voyez tout rouge !!! Attendez avant de changer d’hébergeur, de re-coder entièrement le site après avoir licencié ces feignants de développeurs.

Voici quelques petits trucs et astuces afin de détecter ou se situe le problème. Avant de commencer il vous faut installer :

- Firefox 3,
- puis Firebug (la version 1.2 beta est pour la v3.0 de firefox),
- et enfin Yslow, qui est un plugin pour firebug 1.0 (merci Yahoo, c’est sympa !)

Ouf, on y est. Si vous avez suivi, vous avez ceci en bas a droite de Firefox :

Cliquez sur l’insecte (arrhhhhhhh la sale bête), puis sur Net.Vous allez devoir cliquer sur Enable truc bidule… Au dessus de net, choisissez All.

Et là c’est bonheur, vous pouvez voir de vos propres yeux toutes les informations qu’il vous manquait auparavant pour diagnostiquer votre site : temps de chargement de chaque élément, POST/GET, code de retour (oui, même les 404,302…), et encore plus fort : les headers complets. Le plus intéressant dans un premier temps est la première ligne. Il s’agit du fichier HTML. Si le HTML met beaucoup de temps a arriver, c’est que votre serveur est en souffrance : pas assez de CPU, bases de données dans les choux, et beaucoup plus rarement problème de bande passante… Vous avez déjà une première piste.

A ce stade, vous savez déjà suffisament d’infos pour un premier diagnostique :le serveur est-il dimensionné correctement, votre bande passante ne suffit peut être pas et vous pouvez l’optimiser ou l’augmenter. C’est déjà énorme.

404, le chiffre de la bête

Il est intéressant également de voir que les 150 tags des 62 trackers et autres widgets sont longs à charger au final. Peut etre qu’un peu de nettoyage s’impose. On peut aussi constater sur certains sites qu’il y a des images ENORMES en poids (je ne vais pas balancer, mais un jpg de 150*150 qui fait 500 Ko c’est de l’abus).

Maintenant utilisons Yslow (a côté de Net, dans Firebug). L’onglet performance va scanner la page en cours, et vous donner une note (A = tres bien) et une liste d’optimisation possibles. Ne cherchez pas a obtenir la note maxi, c’est impossible. En fonction de vos besoins, vous allez disposer de pistes plus ou moins simples à mettre en oeuvre, telles qu’activer la compression, éviter les redirections, minifier certains fichiers…

Pas de panique si vous ne comprenez pas tout (comme moi d’ailleurs), il suffit de cliquer sur une des rubriques pour avoir les explications afférentes.

Vous allez pouvoir également étudier ce qui est mis en cache par votre navigateur :

Je ne vais pas m’étendre d’avantage sur le sujet, Firebug et Yslow sont simples et efficaces, seule l’interprétation peut être un poil technique. A l’usage leur utilisation devient un réflexe et apporte une réelle plus value.

Si certains d’entre vous ont d’autres outils intéressants sur le sujet, je suis preneur ! (et si vous êtes friants de posts techniques on ira un peu plus loin les prochaines fois).

Après la sortie d’Opera 9.5, et avant IE8, c’est Firefox 3 qui arrive. A cette occasion, vous aurez le plaisir de lire ce billet sur framablog qui résume les nouveautés apportées par cette version tant attendue (depuis 3 ans). D’après les stats de ce blog, vous êtes déjà nombreux à utiliser la beta.

Fini les problèmes de fuite mémoire, et bienvenue à de nombreuses fonctionnalités attendues comme le soleil à Dunkerque. Si vous voulez participer au record du monde de téléchargement en 24 H (download day), c’est par là.

Elle est bien là, la release cadidate de FireFox 3 !!! Je suis d’ailleurs en train d’écrire ce post avec. Pas de bouleversements par rapport à la beta 5, cette version est l’occasion pour la team de faire quelques réglages et améliorations :

* Improvements to the user interface based on user feedback, including changes to the look and feel on Windows Vista, Windows XP, Mac OS X and Linux.
* Changes and fixes for new features such as the location bar autocomplete, bookmark backup and restore, full page zoom, and others, based on feedback from our community.
* Fixes and improvements to platform features to improve security, web compatibility and stability.
* Continued performance improvements: changes to our JavaScript engine as well as profile guided optimization continues to improve performance over previous releases as measured by the popular SunSpider test from Apple, and in the speed of web applications like Google Mail and Zoho Office.


Pour une surprise, tapez ceci dans la barre d’adresse : about:robots (désolé pour ceux dont la machine est bridée, et qui doivent faire 52 demandes pour installer quoi que ce soit).