Classement : la webperf des 40 ténors de l'e-commerce en France cet été
Parmi les grands e-commerçants français, 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 les mois de juillet et août, notre baromètre a mesuré quotidiennement, la vitesse à laquelle s'affichaient, désormais sur les deux principaux navigateurs (Chrome et Firefox), plusieurs types de page web (home, produit et catégorie) des 40 e-commerçants les plus visités en France.
Depuis mai dernier, nous avons en effet doublé le nombre d'acteurs suivis. Outre le temps de chargement complet, 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 entièrement, le Speed Index s'intéresse à la dynamique, et à la bonne progression de ce chargement, au-dessus de la ligne de flottaison. 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.
Premier classement, celui portant sur le mois de juillet
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- oscaro.com (=) | 1639 | 4374 | 1141764 | 75 |
2- grosbill.com (+1) | 1737 | 2293 | 951776 | 42 |
3- oxybul.com (+16) | 2087 | 5120 | 1809124 | 184 |
4- maisonsdumonde.com (+2) | 2199 | 2876 | 1653820 | 208 |
5- leroymerlin.fr (+2) | 2221 | 3592 | 806392 | 78 |
6- blancheporte.fr (+2) | 2288 | 4410 | 2530722 | 186 |
7- ldlc.com (-3) | 2362 | 4188 | 1523404 | 184 |
8- laredoute.fr (+6) | 2389 | 2820 | 969249 | 69 |
9- bricodepot.fr (-7) | 2452 | 3606 | 955540 | 103 |
10- zalando.fr (+3) | 2535 | 6393 | 2156928 | 203 |
11- lagranderecre.fr (-6) | 2539 | 3527 | 1702172 | 109 |
12- kiabi.com (+4) | 2695 | 5189 | 1312107 | 176 |
13- ikea.com (-1) | 2700 | 4440 | 2291159 | 181 |
14- auchan.fr (-3) | 2761 | 3412 | 1121013 | 91 |
15- 3suisses.fr (-5) | 2785 | 5186 | 1801423 | 142 |
16- nocibe.fr (+6) | 2832 | 5656 | 3036269 | 165 |
17- lidl.fr (-2) | 2884 | 7703 | 6032993 | 135 |
18- ebay.fr (-1) | 2961 | 4312 | 1753100 | 150 |
19- alinea.fr (+2) | 3039 | 4433 | 2391491 | 243 |
20- boulanger.fr (+3) | 3053 | 4709 | 1503772 | 140 |
21- sarenza.com (-3) | 3066 | 3504 | 1578824 | 102 |
22- toysrus.fr (-13) | 3103 | 6693 | 1489063 | 167 |
23- decathlon.fr (+4) | 3163 | 3874 | 1798801 | 103 |
24- castorama.fr (+2) | 3182 | 6177 | 3381493 | 153 |
25- booking.com (+4) | 3275 | 5113 | 1513005 | 90 |
26- amazon.fr (-6) | 3491 | 7863 | 5544415 | 184 |
27- priceminister.com (+6) | 3570 | 7600 | 2500530 | 313 |
28- but.fr (+10) | 3598 | 5655 | 3480083 | 281 |
29- conforama.fr (+2) | 3667 | 7768 | 2111867 | 355 |
30- sephora.fr (-6) | 3700 | 5007 | 2072721 | 153 |
31- darty.com (-3) | 3712 | 6580 | 2840644 | 315 |
32- yves-rocher.fr (-2) | 3723 | 6253 | 2861659 | 217 |
33- voyages-sncf.com (+3) | 4066 | 6762 | 2353612 | 114 |
34- cdiscount.com (-9) | 4312 | 8999 | 2713069 | 285 |
35- carrefour.fr (-4) | 4436 | 5545 | 761282 | 95 |
36- fnac.com (+1) | 4494 | 7220 | 1868427 | 179 |
37- galerieslafayette.com (-2) | 4504 | 6510 | 2721439 | 103 |
38- groupon.fr (-4) | 4839 | 5384 | 1400234 | 78 |
39- e-leclerc.com (=) | 5449 | 6328 | 3690253 | 241 |
40- rueducommerce.fr (=) | 7650 | 15182 | 2978348 | 407 |
Zoom sur la progression d'Oxybul
Sur le mois de juillet, c'est le site Oxybul.com qui a le plus progressé, avec 16 places gagnées, et une amélioration de 35% du Speed index (de 3168 en juin à 2087 en juillet). Stéphane Rios, fondateur et PDG de Fasterize, remarque que "les CSS critiques ont vraisemblablement été déplacés plus haut dans la page et ne bloquent plus le start render", c'est-à-dire le début de l'affichage.
De plus, poursuit l'expert, "le HTML et le CSS ont été nettoyés, avec une réduction d'environ 25% du poids des CSS, et de 35% du HTML". Et pourtant, malgré cette cure d'amincissement, le fondateur de Fasterize juge que "le site n'est pas moins beau, avec des images, et de nouvelles polices ajoutées". Si les optimisations semblent avoir commencé à être implémentées dès le mois de juin, le travail a été poursuivi en juillet, avec notamment des images sur la page d'accueil dont le poids s'est "considérablement réduit", a également pu observer Stéphane Rios.
La chute de Toys'R'us
C'est le site de Toys'R'us qui a le plus baissé entre le classement de juin et celui de juillet, avec une chute de 13 places. "C'est certainement dû à des problèmes avec le chargement d'objets situés sur le serveur utilisé pour le domaine trufr.imageg.net vers la mi-juillet, notamment le chargement de jQuery", analyse le spécialiste de Fasterize. Or, un JavaScript dont le chargement est bloqué peut gravement allonger le temps de chargement, et sérieusement plomber le Speed index.
Un JavaScript bloqué peut gravement plomber la webperf
Dans le cas de Toys'R'us, c'est flagrant : les temps de chargement et le Speed Index ont explosé. "Ce nom de domaine trufr.imageg.net héberge des objets critiques pour le chargement des pages de Toys'R'us, et il renvoie encore aujourd'hui vers un serveur situé à Las Vegas... Et il est utilisé pour servir pas mal de JavaScript", fait remarquer Stéphane Rios pointant un problème qui aura grandement contribué, selon lui, à la chute de Toys'R'us dans le classement.
Deuxième classement, portant sur le mois d'août
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- oscaro.com (=) | 1637 | 4371 | 1147611 | 75 |
2- grosbill.com (=) | 1718 | 1964 | 778522 | 35 |
3- oxybul.com (=) | 2228 | 6123 | 2189887 | 199 |
4- leroymerlin.fr (+1) | 2332 | 3945 | 852545 | 79 |
5- blancheporte.fr (+1) | 2398 | 5339 | 2643476 | 207 |
6- laredoute.fr (+2) | 2403 | 2886 | 974734 | 70 |
7- toysrus.fr (+15) | 2423 | 5369 | 1661238 | 161 |
8- bricodepot.fr (+1) | 2466 | 3722 | 791128 | 101 |
9- lidl.fr (+8) | 2477 | 6483 | 5056342 | 124 |
10- ikea.com (+3) | 2605 | 5127 | 2680233 | 182 |
11- zalando.fr (-1) | 2676 | 7029 | 2523791 | 231 |
12- maisonsdumonde.com (-8) | 2707 | 2968 | 1770175 | 209 |
13- lagranderecre.fr (-2) | 2708 | 3861 | 1707284 | 109 |
14- ldlc.com (-7) | 2746 | 4306 | 2138626 | 191 |
15- ebay.fr (+3) | 2857 | 4304 | 1797193 | 152 |
16- auchan.fr (-2) | 2859 | 3635 | 1143672 | 92 |
17- 3suisses.fr (-2) | 2899 | 5363 | 1775773 | 138 |
18- alinea.fr (+1) | 3141 | 4840 | 2357802 | 252 |
19- booking.com (+6) | 3149 | 5145 | 1509226 | 90 |
20- nocibe.fr (-4) | 3173 | 5624 | 2807039 | 165 |
21- decathlon.fr (+2) | 3185 | 4020 | 1834783 | 106 |
22- sarenza.com (-1) | 3242 | 3604 | 1610956 | 104 |
23- castorama.fr (+1) | 3243 | 6063 | 2859748 | 152 |
24- sephora.fr (-1) | 3556 | 5053 | 1765535 | 154 |
25- priceminister.com (+2) | 3572 | 7158 | 2566830 | 302 |
26- boulanger.fr (-6) | 3588 | 5262 | 1756126 | 148 |
27- darty.com (+4) | 3710 | 7051 | 2769976 | 329 |
28- amazon.fr (-2) | 3710 | 7323 | 5099029 | 200 |
29- but.fr (-1) | 3738 | 5879 | 3561914 | 300 |
30- conforama.fr (-1) | 3750 | 8452 | 2203189 | 365 |
31- e-leclerc.com (+8) | 4044 | 6600 | 3643588 | 237 |
32- yves-rocher.fr (=) | 4116 | 9809 | 2963510 | 289 |
33- voyages-sncf.com (=) | 4291 | 6724 | 2784412 | 114 |
34- groupon.fr (+4) | 4450 | 4804 | 1315154 | 70 |
35- carrefour.fr (=) | 4524 | 5584 | 952173 | 91 |
36- kiabi.com (-24) | 4716 | 7981 | 1412483 | 244 |
37- galerieslafayette.com (=) | 4778 | 7183 | 2826057 | 102 |
38- cdiscount.com (-4) | 4796 | 9789 | 2987768 | 269 |
39- fnac.com (-3) | 4811 | 6610 | 1888768 | 181 |
40- rueducommerce.fr (=) | 7666 | 18688 | 3530644 | 430 |
En août, le site de Toys'R'us affiche la meilleure progression, tout simplement car le site a retrouvé son niveau de performance enregistré avant juillet. Pendant le mois d'août, "le serveur trufr.imageg.net n'a pas eu de problème, sauf pour l'image de fond qui décore les pages, et qui a fait exploser le Speed Index à la fin du mois, car cette image pèse 400 ko et elle est servie depuis les Etats-Unis", explique l'expert de Fasterize.
La chute la plus importante, en août, est celle du site de Kiabi, mais du côté de Fasterize, si l'on a bien identifié une hausse anormale du Speed Index (qui a quadruplé sur Firefox à partir du 10 août), l'origine technique du problème (la page semble se charger deux fois) reste inconnue. En observant les mesures déjà réalisées en septembre, le problème a toutefois été depuis résolu.