Classement : la webperf des 40 ténors de l'e-commerce en France cet été

Parmi les 40 e-commerçants les plus visités en France, lesquels ont été les meilleurs en termes de rapidité d'affichage en juillet puis en août ? Décryptage avec notre partenaire Fasterize.

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

La webperf des 40 e-commerçants les plus visités en France en juillet 2016

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 

La webperf des e-commerçants les plus visités en France en août 2016

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.

Javascript / Jquery