Pourquoi la performance web est un enjeu majeur pour les entreprises de e-commerce ?<\/strong><\/em><\/p>\n Eh bien, le calcul est en fait assez vite fait. \ud83d\ude09<\/p>\n \u00ab\u00a0Le temps, c’est de l’argent\u00a0\u00bb, comme dit le proverbe. Donc, dans un domaine toujours en croissance, comme l’est le e-commerce qui repr\u00e9sente d\u00e9j\u00e0 un chiffre d’affaires mondial de 1 915 milliards de dollars<\/a> en 2016 (et qui pourrait augmenter de 20% chaque ann\u00e9e dans un avenir proche), le temps est vraiment essentiel<\/strong>.<\/p>\n Et dans le monde du e-commerce, quel est le pire ennemi de la vitesse (et donc des revenus) ? Une mauvaise performance web.<\/p>\n C’est pourquoi il est facile d’imaginer pourquoi la plupart des entreprises, conscientes de l’importance du e-commerce et fortement investies sur le terrain, souhaitent tirer le meilleur parti de leur CMS<\/a> et atteindre un haut niveau de performance et d’exp\u00e9rience utilisateur.<\/p>\n Tout simplement parce que dans leur esprit, si un e-store est lent, alors le client ne viendra \/ restera \/ ach\u00e8tera pas, et l’investissement dans l’acquisition \/ le marketing \/ le d\u00e9veloppement \/ … etc aura \u00e9t\u00e9 fait en pure perte.<\/p>\n Pourquoi, dans ce contexte, le choix de la plateforme e-commerce est une d\u00e9cision importante pour la performance web?<\/strong><\/em><\/p>\n L’utilisation d’un CMS pour cr\u00e9er un e-store est un bon choix tactique. Il vous permet de vous concentrer sur :<\/p>\n Cependant, l’utilisation d’un CMS au lieu d’une plateforme personnalis\u00e9e pour un e-shop n’est pas sans cons\u00e9quences :<\/p>\n Donc, quand il s’agit de votre vitesse et du taux de conversion, choisir la bonne plateforme e-commerce pour votre e-store est crucial.<\/p>\n Et c’est pourquoi, pour la deuxi\u00e8me ann\u00e9e cons\u00e9cutive, nous avons d\u00e9cid\u00e9 de mener une \u00e9tude sur la performance de 7 plateformes majeures, connues ou nouvelles, qui semblent faire fureur en 2017. \ud83d\ude09<\/p>\n L’id\u00e9e est d’\u00e9tablir un classement, et de d\u00e9couvrir quelle est la plateforme qui offre l’exp\u00e9rience la plus stable et la plus rapide tout au long du tunnel de vente.<\/p>\n Donc, sans plus tarder, voici nos comp\u00e9titeurs pour cette \u00e9dition 2017 :<\/p>\n Vous remarquerez sur le graphique ci-dessous, repr\u00e9sentant la proportion d’utilisation mondiale pour chacun de nos CMS choisis, que certains dans notre s\u00e9lection ont des communaut\u00e9s assez petites. Mais nous croyons fermement que ces CMS pr\u00e9sentent de grands espoirs pour l’avenir du e-commerce, en termes de technologie, alors nous avons d\u00e9cid\u00e9 de les tester quand m\u00eame.<\/p>\n Comment avons-nous s\u00e9lectionn\u00e9 les sites web pour l’\u00e9tude ?<\/p>\n Comme pour notre \u00e9tude sur les plateformes 2016<\/a>, l’\u00e9tude a \u00e9t\u00e9 r\u00e9alis\u00e9e sur un panel de 120 sites web (20 par technologie), ayant un classement Alexa<\/a> entre 200 000 et 600 000. Les valeurs moyennes tournent autour du rang 430 000, ce qui repr\u00e9sente des sites web d’environ 67 000 visiteurs \/ mois.<\/p>\n Le choix d’une telle amplitude dans le ranking donne plus de repr\u00e9sentativit\u00e9 \u00e0 l’\u00e9tude, car ces sites web sont plus susceptibles de respecter les normes minimum d’UX et de performance.<\/p>\n Comment avons-nous analys\u00e9 la performance?<\/em><\/strong><\/p>\n Les donn\u00e9es ont \u00e9t\u00e9 recueillies \u00e0 l’aide de notre outil de surveillance, Quanta<\/a> : il reproduit le comportement d’un visiteur passant par le tunnel de vente classique (Accueil > Cat\u00e9gorie > Sous-cat\u00e9gorie > Produit > Panier), et analyse la vitesse et la disponibilit\u00e9 de chaque page depuis la page d’accueil jusqu’au panier.<\/p>\n Les sites s\u00e9lectionn\u00e9s sont analys\u00e9s chaque minute, 24 heures sur 24, 7 jours sur 7, pendant 14 jours. L’outil parcourt les cinq pages principales du site (pages correspondant au tunnel de vente, ndlr), chaque minute. Et ce, pour chaque site s\u00e9lectionn\u00e9 pour l’\u00e9tude. Cela repr\u00e9sente un total de 600 clics par minute, et un montant total de 12 millions de requ\u00eates HTTP pour toute l’\u00e9tude.<\/p>\n Les chiffres pr\u00e9sent\u00e9s tout au long de l’\u00e9tude sont les valeurs m\u00e9dianes pour chaque page d’un tunnel de vente, sur les 20 sites s\u00e9lectionn\u00e9s par CMS. En d’autres termes, pour un meilleur confort de lecture, nous avons affich\u00e9 les r\u00e9sultats m\u00e9dians pour tous les sites web, par CMS.<\/p>\n Pour chaque technologie, nous avons cr\u00e9\u00e9 un r\u00e9sum\u00e9 sous la forme d’une illustration, affichant les taux de disponibilit\u00e9 et le temps moyen de chargement des pages, pour chaque \u00e9tape d’un tunnel de vente classique.<\/p>\n Petite pr\u00e9cision. Vous remarquerez peut-\u00eatre que plus vous avancez dans le tunnel de vente, plus les r\u00e9sultats seront susceptibles de diminuer. Cela est parfaitement normal puisque les r\u00e9sultats sont ajout\u00e9s \u00e0 chaque r\u00e9sultat de l’\u00e9tape qui suit.<\/p>\n Et maintenant, arr\u00eatons de tergiverser, et lan\u00e7ons nous ! \ud83d\ude09<\/p>\n WooCommerce est la plateforme de e-commerce leader sur le march\u00e9<\/a>. Gratuit et facile \u00e0 utiliser, il fonctionne comme une extension de WordPress, et donc :<\/p>\n Mais m\u00eame avec tous ces avantages techniques, il est trop t\u00f4t pour d\u00e9clarer WooCommerce comme la solution id\u00e9ale pour la performance. C’\u00e9tait d\u00e9j\u00e0 le cas en 2016, et il en va ainsi aujourd’hui encore.<\/p>\n Le test de performance montre que les r\u00e9sultats de WooCommerce en termes de disponibilit\u00e9 et de temps de r\u00e9ponse moyen (TRM) sont encore trop moyens.<\/p>\n Le temps moyen de chargement de la page pour tous les e-store surveill\u00e9s est de 0,63 seconde (s), ce qui est correct, mais pas g\u00e9nial, \u00e9tant donn\u00e9 que le seuil de l’imm\u00e9diatet\u00e9, le saint graal de la performances web recommand\u00e9 par Google lui-m\u00eame, est de 100 millisecondes (ms). De plus, sur les 20 sites web test\u00e9s, nous avons remarqu\u00e9 un grand \u00e9cart entre les diff\u00e9rents TRM; prouvant que WooCommerce n’est pas une plateforme fiable dans sa configuration \u00abtout juste sorti de la bo\u00eete\u00bb. Par exemple, un des paniers a charg\u00e9 en 4,14 s !<\/p>\n Cependant, il est vrai que les r\u00e9sultats sont bien meilleurs que ceux de l’ann\u00e9e derni\u00e8re. La page d’accueil et le panier restent des goulets d’\u00e9tranglement de la performance web, mais nous avons aussi vu une augmentation de 20% de la vitesse pour ces deux \u00e9tapes.<\/p>\n Pour la disponibilit\u00e9, WooCommerce vient en 3\u00e8me position de notre concours. Avec son taux de disponibilit\u00e9 de 99,87% en moyenne (0,35% de plus que l’ann\u00e9e derni\u00e8re), la solution est stable, m\u00eame si elle repr\u00e9sente toujours un temps hors ligne de 13 minutes chaque semaine, en moyenne.<\/p>\n En conclusion, malgr\u00e9 ses avantages techniques exceptionnels et sa disponibilit\u00e9 accrue et son temps de r\u00e9ponse moyen, WooCommerce tel qu’il est souvent configur\u00e9 ne peut \u00eatre consid\u00e9r\u00e9 comme une r\u00e9f\u00e9rence en mati\u00e8re de performance. Bien s\u00fbr, dans une certaine mesure, vous pouvez surmonter sa lenteur<\/a> en :<\/p>\n La solution canadienne Shopify est tr\u00e8s simple \u00e0 utiliser si vous souhaitez lancer une plateforme de e-commerce. Elle a \u00e9t\u00e9 cr\u00e9\u00e9e en 2006, afin de construire un site web complet en dix minutes<\/a>, maximum.<\/p>\n Shopify est une plateforme tout-en-un pour le e-commerce, qui ne n\u00e9cessite aucune connaissance de d\u00e9veloppement pour la mettre en place. Il vous suffit de cr\u00e9er en ligne votre catalogue avec les articles, les textes et les images dont vous avez besoin. Le squelette du site et les th\u00e8mes de personnalisation sont d\u00e9j\u00e0 fournis lors de l’abonnement \u00e0 la solution.<\/p>\n Shopify n’est pas seulement simple, mais aussi tr\u00e8s performant. Encore! Les donn\u00e9es extraites de notre \u00e9tude r\u00e9v\u00e8lent qu’en moyenne, les pages web sont charg\u00e9es en 0,35 s, alors que Google recommande seulement une moyenne de 0,50 s pour les temps de chargement ! Gr\u00e2ce \u00e0 ses temps de r\u00e9ponse rapides et ses r\u00e9sultats g\u00e9n\u00e9raux, Shopify offre une tr\u00e8s bonne exp\u00e9rience utilisateur globale.<\/strong><\/strong><\/p>\n Mais contrairement \u00e0 l’ann\u00e9e derni\u00e8re, Shopify ne peut pas \u00eatre consid\u00e9r\u00e9 comme LA solution la plus stable. Il vient en fait 6\u00e8me<\/strong>, avec sa disponibilit\u00e9 moyenne de 99,83%<\/strong> du tunnel de vente (contre 99,95% l’ann\u00e9e derni\u00e8re). Bien s\u00fbr, cela peut s’expliquer par l’augmentation des incidents de disponibilit\u00e9 \u00e0 travers le monde, et qui n’ont pas impact\u00e9s que Shopify, mais cela reste un peu d\u00e9cevant pour notre Champion de La Performance Web 2016. Cela repr\u00e9sente une indisponibilit\u00e9 de 17 minutes par semaine<\/strong>.<\/p>\n De telles performances peuvent s’expliquer par le fait que Shopify est une plateforme Saas compl\u00e8te; ce qui signifie qu’il g\u00e8re \u00e0 la fois le CMS et son h\u00e9bergement. Cette sp\u00e9cificit\u00e9 est d\u00e9finitivement un avantage concernant les temps de chargement et la disponibilit\u00e9, mais l’inconv\u00e9nient est que lorsque les serveurs de Shopify sont en panne ou subissent un ralentissement, tous les sites h\u00e9berg\u00e9s sont affect\u00e9s de la m\u00eame mani\u00e8re<\/strong>. D’ailleurs, si vous voulez en savoir plus sur ce sujet, j’ai \u00e9crit un blog post sur l’impact de l’attaque Dyn DNS de 2016, sur les sites Shopify. Vous pouvez le trouver ici<\/a>.<\/p>\n Cr\u00e9\u00e9 en 2008, Magento est une solution de e-commerce open-source, avec une grande communaut\u00e9 active, de nombreuses extensions d\u00e9di\u00e9es, et fournissant une assistance avanc\u00e9e aux utilisateurs. C’est actuellement la plateforme leader pour le e-commerce en Europe<\/a>, avec plus de 230 000 sites web utilisant cette technologie.<\/p>\n Cependant, \u00e0 ce jour, Magento reste assez difficile \u00e0 ma\u00eetriser, en raison de son architecture et de toutes ses fonctionnalit\u00e9s. Des d\u00e9veloppeurs qualifi\u00e9s sont souvent n\u00e9cessaires pour entreprendre quelque modification que ce soit.<\/p>\n Au cours de notre \u00e9tude, nous avons pu constater qu’en 2016, Magento \u00e9tait une plateforme plut\u00f4t stable puisque le taux de disponibilit\u00e9 \u00e9tait en moyenne de 99,89%<\/strong>, ce qui est sup\u00e9rieur \u00a0au taux de 99,71% en 2015<\/strong>. Le taux de disponibilit\u00e9 pour les \u00e9tapes Sous-Cat\u00e9gorie, Produit et Panier est beaucoup plus satisfaisant. Et il se classe donc en 3\u00e8me position en termes de disponibilit\u00e9 g\u00e9n\u00e9rale.<\/p>\n Bien que les sites web de Magento soient les plus fr\u00e9quent\u00e9s (avec une moyenne de 3 000 visiteurs par jour), ils ne sont pas les plus rapides ! Les r\u00e9sultats ont montr\u00e9 que les pages, qui composaient le tunnel de vente d’un utilisateur classique, ont \u00e9t\u00e9 charg\u00e9es en moyenne en 0,60 s<\/strong>, ce qui d\u00e9passe l’objectif \u00ab\u00a0moins de 500 millisecondes\u00a0\u00bb d\u00e9fini par Google<\/a>. Et m\u00eame si le temps de r\u00e9ponse moyen de la page Produit a \u00e9t\u00e9 r\u00e9duit de moiti\u00e9 depuis l’ann\u00e9e derni\u00e8re, il reste loin des voitures de course comme Shopify.<\/p>\n N\u00e9anmoins, le temps de chargement du panier de Magento est raisonnable avec un r\u00e9sultat de 0,58 s; qui est assez rapide pour retenir les clients jusqu’\u00e0 la fin du tunnel de vente.<\/p>\n En conclusion, nous pouvons dire en toute s\u00e9curit\u00e9 que Magento est une machine complexe, ce qui le rend l\u00e9g\u00e8rement plus lent que la moyenne des autres solutions.<\/p>\n Pour am\u00e9liorer ses performances, essayez d’utiliser Varnish<\/a>, ou la fonctionnalit\u00e9 int\u00e9gr\u00e9e Full Page Cache<\/a>, d\u00e9velopp\u00e9e par Magento m\u00eame. Ces deux syst\u00e8mes de cache populaires peuvent vraiment stimuler votre e-store et l’aider \u00e0 atteindre le sweet spot<\/i> de 100 millisecondes<\/a>, le seuil d’instantan\u00e9it\u00e9.<\/p>\n Depuis sa sortie publique en 2007, PrestaShop est un CMS tr\u00e8s populaire en France. La solution est utilis\u00e9e par 250 000 sites web<\/a> \u00e0 travers le monde et poss\u00e8de une communaut\u00e9 \u00e9norme (1 million de membres !<\/a>).<\/p>\n PrestaShop est gratuit au t\u00e9l\u00e9chargement et \u00e0 l’installation, et fournit des fonctionnalit\u00e9s de base nativement. Cependant, afin d’avoir un site web enti\u00e8rement fonctionnel, il est n\u00e9cessaire de t\u00e9l\u00e9charger des th\u00e8mes et des extensions sur le store PrestaShop. Choses qui sont rarement gratuites…<\/p>\n L’analyse de la performance des sites PrestaShop a montr\u00e9 des r\u00e9sultats moyens. La vitesse moyenne pour chaque page est de 0,65 s<\/strong>, le Panier \u00e9tant la page la plus rapide \u00e0 0,56 s. Cela pr\u00e9sente des r\u00e9sultats significativement meilleurs par rapport \u00e0 l’ann\u00e9e derni\u00e8re, en particulier pour les pages Cat\u00e9gorie et Sous-Cat\u00e9gorie.<\/p>\n Toujours est-il que PrestaShop pr\u00e9sente toujours un tr\u00e8s bon taux de disponibilit\u00e9 <\/strong>(m\u00eame si un peu diminu\u00e9) de 99,90%<\/strong>, ce qui lui vaut la 2\u00e8me place dans notre comp\u00e9tition pour la Meilleure Disponibilit\u00e9.<\/p>\n Ces r\u00e9sultats peuvent bien s\u00fbr \u00eatre am\u00e9lior\u00e9s en utilisant les nombreux outils d’optimisation et de cache<\/a> fournis par la solution, ainsi que des services d’h\u00e9bergement sp\u00e9cialement con\u00e7us pour PrestaShop, un CDN, ou encore des solutions de proxy invers\u00e9.<\/p>\n BigCommerce est notre deuxi\u00e8me solution SaaS. Un CMS que nous avons choisi d’inclure dans cette \u00e9dition 2017 de notre \u00e9tude en raison de sa popularit\u00e9 croissante et de son utilisation par les entreprises de e-commerce. Cr\u00e9\u00e9e en 2009 par Eddie Machaalani et Mitchell Harper, suite \u00e0 une rencontre fortuite sur une chatroom en 2003, cette solution est recommand\u00e9e aux entreprises de moyenne taille \u00e0 croissance rapide.<\/p>\n Contrairement \u00e0 un Magento ou \u00e0 un Drupal Commerce, BigCommerce offre quelques options de personnalisation. Il existe quatre niveaux diff\u00e9rents de prix – Standard, Plus, Pro et Enterprise -, qui offrent chacun des fonctionnalit\u00e9s et des services sp\u00e9cifiques. Donc, si vous recherchez une plateforme personnalis\u00e9e, BigCommerce n’est pas fait pour vous.<\/p>\n Mais m\u00eame si BigCommerce affiche fi\u00e8rement son origine \u00ab\u00a0Full-SaaS\u00a0\u00bb quand on parle de personnalisation, cela reste un excellent choix lorsqu’il s’agit de performance web globale.<\/p>\n Comme vous pouvez le voir sur l’illustration ci-dessous, la plupart des indicateurs pour les \u00e9tapes du tunnel de vente, pour la disponibilit\u00e9 et le TRM, sont dans le vert. Avec son temps de r\u00e9ponse moyen de 0,50 s<\/strong>, BigCommerce est une plateforme rapide. Ce temps de r\u00e9ponse le place en troisi\u00e8me position de notre classement pour le meilleur temps de r\u00e9ponse moyen, et correspond exactement \u00e0 la recommandation de Google en mati\u00e8re de vitesse.<\/p>\n Comme d’habitude pour beaucoup de CMS en SaaS, BigCommerce est \u00e9galement assez stable. Avec un taux de disponibilit\u00e9 moyen de 99,87%<\/strong>, BigCommerce semble \u00eatre une option valable pour les sites de e-commerce.<\/p>\n Nous avons monitor\u00e9 un panel de e-stores Drupal Commerce. Cr\u00e9\u00e9 en 2011, Drupal Commerce est une extension de Drupal, ajoutant au CMS d’origine toutes les fonctionnalit\u00e9s de e-commerce dont ont besoin les entreprises en ligne. C’est gratuit et open-source.<\/p>\n\n
\n
\n
\n
![\"\"](\"https:\/\/quanta.io\/wp-content\/uploads\/2017\/06\/repartition-part-de-marche-CMS-2017-FR-1024x803.png\")
<\/p>\nM\u00c9THODOLOGIE DE L’\u00c9TUDE<\/h2>\n
ETUDE<\/h2>\n
WooCommerce<\/h3>\n
\n
![\"Graph](\"https:\/\/quanta.io\/wp-content\/uploads\/2017\/06\/Graph-WooCommerce-2017-1024x845.png\")
<\/p>\n\n
Shopify<\/h3>\n
![\"Graph](\"https:\/\/quanta.io\/wp-content\/uploads\/2017\/06\/Graph-Shopify-2017-1024x845.png\")
<\/p>\nMagento<\/h3>\n
![\"Graph](\"https:\/\/quanta.io\/wp-content\/uploads\/2017\/06\/Graph-Magento-2017-1024x845.png\")
<\/p>\nPrestaShop<\/h3>\n
![\"Graph](\"https:\/\/quanta.io\/wp-content\/uploads\/2017\/06\/Graph-PrestaShop-2017-1024x845.png\")
<\/p>\nBigCommerce<\/h3>\n
![\"Graph](\"https:\/\/quanta.io\/wp-content\/uploads\/2017\/06\/Graph-BigCommerce-2017-1024x845.png\")
<\/p>\nDrupal Commerce<\/h3>\n
![\"Graph](\"https:\/\/quanta.io\/wp-content\/uploads\/2017\/06\/Graph-Drupal-Commerce-2017-1024x845.png\")
<\/p>\n![\"Graph](\"https:\/\/quanta.io\/wp-content\/uploads\/2017\/06\/Graph-Demandware-2017-1024x845.png\")
<\/p>\n![\"\"](\"https:\/\/quanta.io\/wp-content\/uploads\/2017\/06\/podium-best-cms-2017-quanta-3-FR-983x1024.png\")
<\/p>\n![\"\"](\"https:\/\/quanta.io\/wp-content\/uploads\/2017\/06\/podium-best-cms-2017-quanta-2-FR-1024x1020.png\")
<\/p>\n