#eCommerce : Noël approche, comment vont vos performances ?

Les performances, c’est vraiment le serpent de mer dans le eCommerce, le marronnier, le truc dont on doit parler de temps en temps.

Or là, précisément, c’est le bon moment parce qu’on est entre janvier et décembre donc il faut s’y pencher de plus près. A plus forte raison en se rapprochant de Noël n’est-ce pas ?

Les mauvaises perfs, en +, ce n’est pas qu’un taux de rebond plus élevé, un taux de conversion plus faible, une fidélité détériorée, non, c’est aussi un coût infra plus important, que ce soit pour la bande passante, le coût de stockage, etc.

Bon, bref, quoi de neuf à l’horizon de fin 2016, remettons-nous à la page.

Le benchmark et les bons élèves

D’abord, vous avez probablement croisé cette étude relayée par le JDN qui nous montre de bien beaux exemples avec GrosBill.com, Oscaro.com et Oxybul.com qui sont sur le podium.

Le rappel des impacts de la performance sur le eCommerce

Je repompe sur Dareboost qui a elle-même pompé ailleurs :

  • 5s de + de temps de chargement = x2 de taux de rebond
  • 1s de + de temps de chargement = jusqu’à -7% de taux de conversion
  • 20% d’abandon de panier à cause du temps de chargement (et des bugs)
  • +11% de panier moyen après avoir divisé un temps de chargement par 2
  • et on ne va pas sortir les vieilles stats mais certaines étaient très impressionnantes pour Amazon

Rappel des points clés pour le chargement d’une page

Parce que tout le monde le sait mais ça va mieux en le redisant ; rien que le fait de relire les points ci-dessous va amener votre subconscient à se poser les bonnes questions alors allons-y.

90% de la complexité se situe au niveau de 10% du temps de chargement d’une page : le code source. Améliorer les performances de cette partie nécessite souvent un travail de longue haleine. Et c’est très important car c’est cette performance qui est prise en compte par les moteurs de recherche comme Google.
A ce niveau, il faut de nos jours tenter de se positionner entre 60ms (pour les petits génies) et 350ms, et par tous les moyens rester en dessous de 500ms pour être bien à ce niveau-là.

mais 90% du temps de chargement perçu se situe ailleurs :

  • Images
  • Poids des fichiers Javascript
  • Poids des fichiers CSS
  • Poids du DOM (nombre de caractères HTML)
  • Temps de traitement de votre page (transformation de HTML/CSS/JS en page utilisable)

C’est souvent un peu de tout ça.

Sur le temps de traitement de votre page, on a tendance à vouloir de belles animations, des choses comme ça, ce qui nécessite de charger des « librairies » comme jQuery qui sont en fait assez lourdes une fois qu’on y adjoint tous les plugins sympas permettant de faire toutes les animations qu’on veut sur son site. D’où le problème. Il vaut souvent mieux être sobre et s’assurer une belle cohérence avec 2 ou 3 plugins max mais c’est plus facile à dire qu’à faire. Un peu de ménage de ce côté-là est rarement infructueux.

Au niveau de la CSS, l’erreur la plus courante est de tout mettre dans des CSS externalisées (un fichier chargé à part), alors même que la plupart des CSS sont spécifiques à un endroit dans le code source. Il ne faut pas hésiter à (i) simplifier la présentation de son site au maximum (flat design) puisque c’est dans l’air du temps et (ii) à rationaliser les fichiers CSS en fonction d’où sont utilisées les ressources. Bon, c’est un peu technique, mais ça aura intéressé certains d’entre vous.

Si vous avez tout bien fait d’un point de vue technique, vous pourriez avoir une page qui fait moins d’1Mo.
Si votre site est malgré tout lent, cela peut venir d’un javascript un peu trop consommateur ou de tags externes qui bloquent votre navigation, mais c’est rare à ce point-là.

D’où vient le mal ?

La façon le plus rapide d’en avoir une idée : Google Page Speed Insights.
Cet outil vous donnera rapidement une analyse de la situation. Je n’aime pas cet outil pour la simple et bonne raison qu’il vous donne des éléments théoriques.
Par exemple, un script JS en haut de votre page peut être très rapide mais il l’analyse comme un problème prioritaire car, si ce fichier devait planter, il planterait tout votre site. Donc c’est un problème potentiellement bloquant mais peut-être pas le problème de performance le plus important.

La façon qui vous donne le plus de ressenti sous le doigt : tester votre site sans JS, sans images,…
Prenez Firefox avec la très fameuse Web Developer Toolbar qui existe depuis bien longtemps et dont j’ai toujours été un compagnon fidèle.
Cliquez sur Désactiver > Désactiver JavaScript > Tout le JavaScript et rechargez votre page. Elle est bien souvent incroyablement plus rapide !
Si c’est le cas, pensez bien à mettre tous vos JavaScript en bas du code HTML (attention aux impacts, ça doit se faire avec beaucoup de douceur…)
Si ce n’est pas le cas (et même si c’est le cas), réactivez le JS et désactivez les images.
Là aussi, ça fait souvent une différence.

Vous saurez ainsi assez rapidement vos points d’urgence.

La façon qui vous permet un suivi gratuit : avec Gtmetrix, créez-vous un compte gratuit, vous pourrez recevoir un monitoring hebdo des pages que vous chérissez et même les comparer à la concurrence.

La façon la plus professionnelle : avec Dareboost, un outil de suivi qui propose quelques fonctionnalités sympas :

  • Rapports détaillés comme tout le monde avec la liste des courses
    • repartition_des_poids
  • Possibilité de comparer la vidéo de chargement de votre page entre deux modifications
    • Ce point est très intéressant car vous avez une timeline avec les images par 250ms qui vous permet de voir précisément à quoi ressemble votre site au bout de tant de secondes
      dareboost_comparaison
  • Possibilité de comparer la vidéo de chargement de votre page en comparant temps Ordinateur et temps Mobile par exemple
  • Possibilité également de comparer la vidéo versus un concurrent
  • Possibilité d’avoir un monitoring avec des alertes en cas de problème
  • Comme tous les outils de ce genre, vous avez le nombre de requêtes, le détail de la timeline de chargement, etc. des outils bien pratiques mais classiques, donc
  • Comme Page Speed Insights, vous avez des conseils pour chaque problème sauf que ceux-ci sont en français et très bien expliqués avec des exemples assez propres, en reprenant parfois le bout de code qui pose problème ce qui fait toute la différence quand on veut comprendre rapidement l’origine d’un problème
    • selecteurs_jquery

 

Au fait, si vous avez des astuces, faites passer en commentaires, on complète l’article ! 🙂


Publié

dans

par

Commentaires

Une réponse à “#eCommerce : Noël approche, comment vont vos performances ?”

  1. Avatar de viard
    viard

    voilà ce que j’ai reçu ce matin et quand je clic dessus,un questionnaire apparait et me dit de choisir un cadeau qui m’oblige a m’abonner au jeux lotto24 prélèvement mensuel de 39€ et plus mais plus de bon de 250€ offert par groupon ?

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

  • Magento Commerce, Le Guide complet de la solution
    Aujourd’hui, face à la pression croissante du marché des e-commerces, les entreprises cherchent des solutions leur permettant de générer plus de revenus et d’améliorer l’expérience client. le CMS Magento est une plateforme de commerce électronique extrêmement puissante qui offre un large catalogue de fonctionnalités avancées pour les commerçants souhaitant se démarquer. Dans cet article, nous […]
  • Les documents officiels d’une entreprise en France
    Lorsqu’on décide de créer une entreprise en France, il est important de savoir que cela nécessite certaines formalités administratives. En effet, il est obligatoire de fournir certains documents officiels pour pouvoir immatriculer sa société. Dans cet article, nous allons vous expliquer les différentes démarches à réaliser pour créer votre entreprise, ainsi que les documents officiels […]
  • C’est quoi le motion design ?
    Ont dit souvent qu’une image vaut mille mots. Mais alors que dire d’une animation ? Du mouvement, des graphiques et des images animées : la combinaison parfaite pour créer un projet unique et expliquer n’importe quel sujet. C’est ça le motion design. Pourquoi devriez vous introduire le Motion Design dans votre arsenal de techniques de […]
  • Comment créer une boutique en ligne avec succès ?
    Face à l’explosion des ventes en ligne et de la création de nouvelles boutiques chaque jour, la question qui se pose est : comment créer une boutique en ligne avec succès ? En effet créer sa propre entreprise sur internet ne nécessite pas forcément d’importants investissements mais demande par contre quelques bonnes connaissances. Il faut […]
  • Logistique : pourquoi et comment travailler dans ce secteur ?
    La logistique désigne l’ensemble des activités qui permettent de planifier, d’organiser, de contrôler et d’exécuter les opérations liées à la gestion des flux de biens et de services. Elle englobe plusieurs étapes dont les principales sont le transport, le stockage, la manutention, la distribution, le conditionnement et le traitement des retours. En raison de son […]
  • Semrush : la solution pour maitriser de A à Z son SEO
    Si vous faites du e-commerce, voir même si vous êtes « juste » éditeur de site web ou webmaster, vous avez certainement touché un peu au SEO, le référencement naturel. Que ce soit vous même ou avec l’aide d’une agence SEO , ce canal d’acquisition est devenu réellement indispensable au fur et à mesure des années. Indispensable […]
  • Big Commerce augmente (lui aussi) ses tarifs !
    C’est une réaction qui fait peu de surprises dans le monde de l’e-commerce mais qui ne va quand même pas plaire aux principaux intéressés. BigCommerce, une des solutions concurrente à Shopify, Prestashop, Wizishop et autre, annonce que ses prix vont se voire augmenter dès maintenant pour tous ses marchands. Pourquoi ce n’est une surprise pour […]
  • Play To Earn (P2E) : définition et fonctionnement
    L’univers du gaming connaît une grande révolution depuis quelque temps. On observe une montée en puissance des jeux qui donnent la possibilité de gagner de l’argent en s’amusant. Parmi les jeux qui ont le vent en poupe actuellement, on retrouve le Play to Earn. Plus connu sous l’abréviation P2E, le Play to Earn est ce […]
  • NFT : définition et objectif
    Pour ceux qui sont familiers à la cryptomonnaie, il est facile d’adopter le NFT et son mode de fonctionnement. Cette technologie est répandue depuis 2021. Elle est avantageuse aux artistes, aux joueurs de jeux vidéo et à divers investisseurs. Elle a plusieurs objectifs qui visent à améliorer l’environnement de la crypto technologie. Les amateurs de […]
  • NFT : Les Top 10 les plus chers
    L’année 2021 a connu une croissance massive de la technologie blockchain et des crypto-monnaies. Ce phénomène a été observé au niveau du capital du marché et du développement des différentes infrastructures en rapport avec ces deux domaines. La montée en flèche des Jetons Non Fongibles (NFT) a attiré l’attention suite aux ventes historiques enregistrées sur […]
  • Comment créer et vendre un NFT ?
    Le NFT signifie en anglais ‘’Non Fungible Token’’ et en français ‘’Jeton Non Fongible’’. Il s’agit d’un bien numérique non irremplaçable par un autre, ce qui n’est pas le cas avec les billets d’argent. Il se décline en plusieurs formes dont les tweets, œuvres d’art numériques et noms de domaines. Ces derniers sont achetés par […]
  • Quelles cryptomonnaies risquent d’exploser d’ici 2025 ?
    Alternatives aux monnaies émises par les banques pour certains, outils de spéculation pour d’autres, les cryptomonnaies sont devenues en peu de temps une technologie omniprésente dans notre quotidien. Entre 2020 et 2021, Bitcoin a atteint des chiffres record. Des personnes qui avaient fait l’acquisition de cette monnaie plus tôt se sont retrouvées du jour au […]
  • Akeneo : Le PIM qui est en train de conquérir le E-commerce
    Aujourd’hui, nous nous retrouvons face à un monde constamment connecté, qui exige une gestion optimale des informations et une expérience produit de qualité. Surtout dans un monde Omnicanal. Pour répondre à ces besoins en constante évolution, il est souvent nécessaire de centraliser les informations produits au sein d’une même interface afin de les diffuser de […]
  • NFT : Pourquoi les acheteurs dépensent-ils des millions ?
    Sur internet ou ailleurs, vous avez certainement entendu parler des NFT. Ce sont des images qui peuvent paraitres banales mais dont le prix de vente atteint facilement des sommes à 7 chiffres. Les frais des transactions concernant les NFT sont tout aussi impressionnants. Nombreux sont ceux qui ne comprennent pas comment ce système fonctionne. Pourtant, […]
  • Avis Wizishop : Que penser de Wizishop en 2023 ?
    Explorer Wizishop : Avis clients et engagements offerts pour la création de boutiques en ligne Face à l’explosion de l’activité et des besoins en matière de commerce en ligne, Wizishop s’est imposé ces dernières années comme une solution française complète pour la création de boutiques en ligne et la vente de produits. Mais avant de […]
  • Play To Earn (P2E) : Lesquels sont les meilleurs ?
    Les cryptos de la blockchain gaming ont révolutionné l’univers vidéoludique et sont désormais les options du moment. Ce qui a favorisé la mise en place des jeux Play To Earn (P2E). En fonction des performances affichées par chaque joueur, ceux-ci obtiennent des récompenses en crypto-monnaie et en NFT. Pour s’offrir des expériences de jeu Play […]
  • Quelles sont les meilleures plateformes d’échange de Cryptomonnaie ?
    La crypto-monnaie est un système de paiement numérique devenu populaire en 2022. Des plateformes ont été créées pour faciliter les échanges dans l’univers de la cryptomonnaie. Appelées plateformes de crypto monnaies ou échange crypto, les plateformes d’échanges ou exchanges sont des marchés centralisés. Elles permettent aux utilisateurs de faire du trading, d’acheter et de vendre […]
  • Shopify Winter édition propose plus de 100 nouveautés !
    C’est la deuxième fois déjà que Shopify nous propose un « pack » de nouvelles fonctionnalités pour optimiser et booster son site e-commerce. La première fois, c’était en été 2022 avec la Shopify summer Edition. Cet hiver, Shopify remet le couvert avec la winter édition et nous propose plus de 100 nouveautés à venir profiter directement, sans […]
  • Où trouver les meilleures informations sur les Cryptomonnaie ?
    Le secteur de la crypto-monnaie fait partie des plus évolutifs. Il souffre du manque de stabilité lié à cette devise elle-même. La diversité des crypto-monnaies n’est pas sans conséquence face à cette instabilité. Le cours du bitcoin peut atteindre des sommets aujourd’hui, le lendemain, c’est Ethereum qui chute. Il ne faut pas oublier que les […]
  • Monitoring site web, comment faire et pourquoi ?
    Vous avez un site internet ou un site e-commerce et vous cherchez à savoir si il est en ligne suffisamment longtemps, si il n’y a pas de coupure ou si l’hébergement tient la charge ? Alors il vous faut un outil de monitoring de site ! Que votre site soit un site e-commerce, un site […]
  • Headless, tout comprendre de ce nouveau phénomène
    Vous avez entendu parler de « Headless » mais le terme ne vous revient pas ? Vous ne savez pas comment définir le headless ni ses avantages et ses inconvénients ? Difficile donc de savoir si le headless e-commerce est fait pour vous ?Alors voici toutes les explications et détails pour comprendre de A à Z ce […]