Classement : la webperf des ténors du e-commerce en France en septembre
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 tout le mois de septembre, comme chaque mois, notre baromètre a mesuré quotidiennement la vitesse à laquelle s'affichaient sur les trois principaux navigateurs plusieurs types de page 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 émises 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.
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 dynamique 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 |
|---|---|---|---|---|
| 1er- Leroy Merlin (=) | 3085 | 6313 | 820046 | 86 |
| 2- Groupon (+2) | 5026 | 8344 | 1616575 | 99 |
| 3- Auchan (+2) | 5114 | 8263 | 1427339 | 106 |
| 4- eBay (+7) | 5173 | 10421 | 1471186 | 137 |
| 5- Boulanger (+2) | 5314 | 9973 | 1537455 | 132 |
| 6- Décathlon (+3) | 5385 | 9964 | 1352392 | 112 |
| 7- Ikea (-5) | 5409 | 10372 | 1619071 | 99 |
| 8- Castorama (=) | 5415 | 8394 | 1414030 | 142 |
| 9- Zalando (-6) | 5723 | 20743 | 2749384 | 176 |
| 10- La Redoute (-4) | 5774 | 7962 | 861964 | 52 |
| 11- Rueducommerce (-1) | 6560 | 19305 | 2419025 | 346 |
| 12- Booking (+2) | 6731 | 10157 | 1382107 | 109 |
| 13- Carrefour (=) | 6968 | 10681 | 1501049 | 94 |
| 14- Priceminister (+1) | 7312 | 15049 | 2680494 | 353 |
| 15- Amazon (+1) | 7642 | 27156 | 5436674 | 192 |
| 16- Cdiscount (+2) | 7828 | 13661 | 1913719 | 196 |
| 17- SNCF (-5) | 7947 | 13558 | 1930150 | 127 |
| 18- Darty (-1) | 8256 | 16138 | 2619037 | 241 |
| 19- Fnac (=) | 13554 | 19287 | 3155290 | 210 |
| 20- E.Leclerc (=) | 26195 | 40726 | 7644031 | 279 |
Leroy Merlin domine une nouvelle fois notre classement mensuel avec un Speed Index moyen enregistré sur le mois de septembre de 3085. C'est le 4e mois d'affilé qu'il affiche les meilleures performances parmi les 20 sites d'e-commerce mesurés quotidiennement. Fasterize fait aussi remarquer que même en étant premier, Leroy Merlin s'est tout de même amélioré par rapport au mois précédent avec 17% de requêtes en moins, et une seconde en moins sur le temps de chargement…
"Et à partir du 15 septembre, les pages ont été nettoyées de pas mal de widgets. Résultat : la page d'accueil est par exemple passée d'un poids moyen d'un Mo à 800 Ko, et elle a perdu entre 40 et 60 requêtes. 2 secondes ont aussi été gagnées sur le temps de chargement", observe Stéphane Rios, le fondateur de Fasterize, qui s'attend à voir encore plus les effets de ce nettoyage dans le prochain classement mensuel, qui paraîtra en novembre.
Groupon : des efforts qui auront bien payé en un an
Groupon est 2e, même si son Speed Index moyen (5026) paraît très loin de celui de Leroy Merlin (3085). Mais la performance de Groupon est remarquable ce mois-ci, car le site est passé du fond du classement à sa tête en un an (voir ci-contre).
"On voit bien le travail réalisé dans le code source des pages, qui révèle l'utilisation de Boomerang, solution open source de Real User Monitoring. Des techniques de preconnect et de DNS prefetch apparaissent aussi dans le code avec link rel="preconnect", et link rel="dns-prefetch"", remarque le spécialiste de Fasterize, qui voit tout de même encore quelques leviers d'optimisation à activer pour gagner encore en performance. "Le site est désormais totalement passé en HTTPS, mais il pourrait aller plus loin et faire du SPDY/HTTP2 mais pour cela, son CDN, d'Akamai, doit le supporter. Enfin, il pourrait aussi faire du deferJS pour ne pas charger du JavaScript inutilement".
La plus forte baisse dans le classement est celle de Zalando, qui dégringole de 6 places. "Difficile à comprendre", admet Stéphane Rios, qui a tout de même remarqué que ce site était lui aussi passé en HTTPS par défaut... mais il pourrait en améliorer son utilisation. D'après ce spécialiste, "c'est le load balancer qui fait une redirection au lieu d'utiliser un mécanisme HSTS. Et on dirait que la stack TLS n'est pas très optimisée : il n'y a notamment pas d'OCSP Stapling, ce qui engendre de multiples requêtes pour valider les certificats".