Classement : la webperf des 20 ténors du e-commerce en France en janvier
Parmi les grands e-commerçants, quels sont les modèles à suivre en matière de performance web ? Lesquels brillent par leur rapidité d'affichage, ou le poids léger de leur page, et plus généralement par leurs bonnes pratiques en matière de ce qu'on appelle la "webperf" ?
Durant le mois de janvier, crucial à cause des soldes, notre baromètre a mesuré quotidiennement la vitesse à laquelle s'affichaient plusieurs types de pages web (home, produit et catégorie) pour les 20 e-commerçants les plus visités en France. Le poids des pages, et le nombre des requêtes ont aussi été pris en compte (la méthodologie complète est consultable en ligne). Les mesures sont réalisées par notre partenaire Fasterize, spécialisé dans la performance web et éditeur d'une solution SaaS dédiée. Une approche similaire permet de dresser le classement des ténors du web, e-commerçants exclus (ce classement paraîtra bientôt, mais cette fois-ci à part, dans un deuxième temps).
Un classement basé sur le Speed Index
Pour rappel, le Speed Index mesure la vitesse à laquelle le contenu s'affiche. Mais, si le temps de chargement indique le temps qu'il faut pour qu'une page se charge, le Speed Index s'intéresse à la bonne progression de ce chargement. C'est cet indicateur, essentiel, que nous retenons pour établir le classement. Une définition plus complète, clairement illustrée, avec la formule exacte utilisée pour calculer ce Speed Index figure sur le blog de Fasterize.
| Classement - Site (évolution mensuelle) | Speed Index (moyenne) | Temps de chargement moyen des pages (millisecondes) | Poids moyen des pages analysées (octets) | Nombre moyen de requêtes |
|---|---|---|---|---|
| Source : Source : JDN / Fasterize | ||||
| 1er- Ikea (+2) | 4467 | 7024 | 1263085 | 94 |
| 2- La Redoute (=) | 4621 | 6236 | 777775 | 54 |
| 3-Leroy Merlin (-2) | 4678 | 8630 | 1097511 | 87 |
| 4- Zalando (=) | 5560 | 17991 | 1873555 | 149 |
| 5- Décathlon (=) | 5633 | 9609 | 1249815 | 115 |
| 6- Amazon (=) | 5637 | 7455 | 1591955 | 148 |
| 7- Carrefour (+3) | 5985 | 5978 | 1463960 | 74 |
| 8- Castorama (-1) | 6005 | 8170 | 1339101 | 141 |
| 9- Darty (=) | 6380 | 13162 | 1402209 | 154 |
| 10- Boulanger (-2) | 6653 | 17131 | 1276988 | 203 |
| 11- E.Leclerc (=) | 7471 | 14187 | 3114808 | 222 |
| 12- SNCF (+2) | 7723 | 11164 | 1443063 | 128 |
| 13- eBay (=) | 7826 | 11245 | 1363878 | 139 |
| 14- Booking (-2) | 8072 | 10260 | 1320527 | 118 |
| 15- Groupon (+1) | 8429 | 10643 | 1186891 | 62 |
| 16- Cdiscount (+2) | 8961 | 17038 | 2124348 | 219 |
| 17- Rueducommerce (-2) | 9165 | 16615 | 2861197 | 242 |
| 18- Fnac (+1) | 10418 | 21143 | 2179176 | 240 |
| 19- Auchan (-2) | 11143 | 20392 | 2071720 | 287 |
| 20- Priceminister (=) | 11706 | 18055 | 1847685 | 213 |
Par rapport au mois précédent, ces 20 e-commerçants les plus visités en France ont en moyenne vu leurs indicateurs de webperf s'améliorer : leur Speed Index moyen est de 7 327 (en baisse de 2,57%), leur temps de chargement perd 3,74% (12,6 secondes en janvier), et le poids moyen de leurs pages s'élève à près de 1,7 mégaoctet, soit 3,7% de moins par rapport au mois dernier. "La période de Noël est passée, et les pages ont perdu leur décoration de Noël. Elles ont donc pu reprendre leur poids moyen d'avant décembre", commente Stéphane Rios, le fondateur de Fasterize, qui fut le directeur technique de Rueducommerce pendant 10 ans.
Le site d'Ikea premier, mais il lui reste des optimisations à faire
Ce sont les mêmes trois e-commerçants qui montent sur le podium ce mois-ci, mais l'ordre diffère du mois précédant. C'est, selon notre baromètre, le site d'Ikea qui a eu la meilleure webperf pour le mois de janvier. Ce n'est pas la première fois. "Mais, il y a encore des optimisations à faire", observe Stéphane Rios, qui pense par exemple "à ordonner correctement les CSS et les JavaScript, c'est-à-dire mettre les CSS en premier et le plus haut possible dans la page, à concatener les JavaScript et CSS, à compresser les images, à éviter la première redirection sur la home, et à nettoyer le support des vieux navigateurs, car plus personne n'utilise IE 5.5."
La Redoute : "sa home est un modèle", selon Fasterize
Une optimisation ingénieuse chez La Redoute et Leroy Merlin
Le site de La Redoute termine 2e de notre classement ce mois-ci, comme en décembre. L'expert de Fasterize salue le travail réalisé par ce site, lancé dans une "quête continue pour optimiser ses pages et à les rendre plus légères". En outre, "sa home est un modèle" fait-il remarquer, "avec par exemple seulement les tags essentiels et des images compressées, le tout ayant un rendu graphique attendu pour la page d'accueil d'un grand site d'e-commerce généraliste".
Autre bon point apprécié par le spécialiste de Fasterize sur le site de La Redoute : le fonctionnement de leur outil d'A/B Test, qui ne néglige pas la performance, car le tag doit se charger en moins d'une seconde sinon il est contourné. "C'est ingénieux, et cela devrait être utilisé pour tous les tags dont on souhaite avoir la maîtrise, surtout pour les tags de test A/B qui sont bloquants et peuvent modifier la page", commente l'expert. Ce dernier remarque que le même procédé a été mis en place sur le site du 3e de notre classement, Leroy Merlin, mais le seuil a été dans ce cas fixé à 2 secondes.
Pour La Redoute, des pistes d'amélioration possibles sont suggérées par le fondateur de Fasterize comme, là aussi, réordonner certains JavaScript et CSS, opter pour des domaines sans cookies pour les ressources statiques, ou recourir au "DNS prefetching". Quant à Leroy Merlin, les "techniques de base sont bien en place, mais le site pourrait s'améliorer en faisant plus de compression d'images et en mettant du lazy loading sur la page d'accueil".