Grâce aux nombreux outils simples et intuitifs désormais accessibles, la création d’un site internet n’a jamais été aussi facile. Plus besoin de faire appel à un développeur web, y compris pour une boutique en ligne pourtant spécifique. Les CMS, tels que Prestashop, Shopify ou Magento, permettent à quiconque de le faire seul.

Par conséquent, le nombre de e-commerces est en augmentation constante et la concurrence est forte. Par exemple, la plateforme Cloud open source Magento, l’un des leaders sur le marché, compte plus de 240 000 sites à son actif. Ainsi, l’accélération de site Magento devient un des défis majeurs des développeurs du CMS. Selon une étude menée par Amazon, chaque seconde gagnée dans le chargement d’un site représente un gain de 10 % de chiffre d’affaires additionnel.

Vous souhaitez tout savoir sur l’accélération d’un site Magento afin d’optimiser la performance de votre e-commerce et booster vos ventes ? Nous vous expliquons tout dans notre guide dédié.

Comment améliorer la performance de son site Magento-1

La vitesse d’un site de e-commerce, un avantage concurrentiel

A l’ère de la connectivité illimitée, du Big data, de la consommation instantanée, etc., les utilisateurs d’un e-commerce sont toujours plus exigeants et pressés : un site internet qui met plus de 3 secondes à charger (durée de chargement maximale recommandée par Google), c’est trop long, on ferme et on passe au suivant. Ce qui implique alors une perte de chiffre d’affaires potentiel.

C’est pourquoi la vitesse de chargement d’une boutique en ligne est le premier élément qu’il faut surveiller et optimiser en permanence. Vous vous demandez pourquoi votre site Magento est lent ? Outre l’optimisation des fichiers CSS pour le design du site, les raisons des lenteurs sont variées, mais voici un aperçu des causes les plus fréquentes :

  • les images, omniprésentes sur les sites web, et plus encore sur une boutique en ligne pour la promotion de produits, sont un type de contenu lourd à télécharger s’il n’est pas optimisé : la compression et le bon dimensionnement des images s’imposent pour une expérience optimale ;
  • les vidéos, l’idéal serait de ne pas avoir de contenu vidéo sur un e-commerce, mais si leur présence est indispensable à l’activité de l’entreprise, il vaut mieux éviter de les héberger soi-même ;
  • les scripts, parfois indispensables au fonctionnement d’une plateforme de vente en ligne, s’additionnent au fur et à mesure des fonctionnalités mises en place, ce qui allonge en conséquence le temps de chargement du site ;
  • l’hébergement du site sur un serveur Cloud, notamment pour les offres pas chères proposant des services qui ne sont en réalité pas adaptés aux sites de e-commerce.

L’utilisation ou la configuration de plug-ins, PHP, le passage à HTTPS ou HTTP/2, le hotlinking des images, les redirections, etc., sont autant d’éléments pouvant ralentir le chargement d’un site web.

La webperf au service des ventes d’un e-commerce

La webperf, contraction de web performance, regroupe l’ensemble des bonnes pratiques et des techniques à mettre en place pour améliorer les performances d’un site web. Les indicateurs de performance sont à prendre en compte dès la conception du site, et plus encore pour un e-commerce.

En effet, ce type de sites nécessitent plus de ressources du fait de leur contenu caractéristique : catalogue produits, nombreuses photos, options et fonctionnalités à valeur ajoutée, comme l’ajout au panier, les moyens de paiement, les listes d’envies, la gestion de base de données (contenant l’ensemble des données du e-commerce et de ses clients), etc.

La construction de l’architecture d’une boutique en ligne doit être conçue pour répondre aux besoins en matière de performance. Cependant, l’utilisation de Magento, créé pour la création de e-commerce, intègre déjà un grand nombre de fonctionnalités pensées pour la performance (infrastructure réseau et serveur adaptée, configuration optimale, plan de taggage optimisé, etc.).

Parce qu’un e-commerce rapide améliore le confort de navigation des utilisateurs et les taux de conversion, la recherche de solutions d’optimisation de la performance web doit être permanente, car plus le site est rapide et plus il attire de visiteurs, et plus le trafic est dense et engagé, plus les performances business sont élevées.

Faire auditer la webperf de son site e-commerce Magento est donc indispensable pour analyser l’état de santé de son site, détecter les causes d’un manque de performance et apporter les corrections nécessaires

Les critères et les outils de mesure de la webperf

La mesure de la web performance d’un e-commerce repose sur différents critères d’analyse :

  • les critères d’analyse liés au comportement des serveurs du e-commerce, du navigateur du client, l’utilisation du CPU, de la RAM, de l’IO… (il peut par exemple être influencé par les scripts JavaScript) ;
  • les différents temps de chargement (du premier octet, des éléments du site au dessus de la ligne de flottaison, de la page complète, le temps de réponse serveur, etc.) ;
  • les éléments pouvant ralentir la performance du site, comme le nombre et la nature des ressources (images, vidéos, scripts, texte, etc.) ;
  • le poids des pages ;
  • le nombre d’erreurs de chargement ou d’exécution, etc. :
  • le délai nécessaire pour que le visiteur puisse interagir avec la page ;
  • l’adaptabilité du e-commerce à une navigation sur mobile…

Plusieurs outils gratuits d’analyse de la performance web d’un e-commerce Magento existent. Parmi les plus connus, certains permettent de mesurer entre autres les Core Web Vitals, les « Signaux Web Essentiels », à savoir l’interactivité du site, la vitesse d’affichage d’une page et sa stabilité visuelle. Citons :

  • PageSpeed Insights, développé par Google, utile entre autres pour obtenir un score de performance mobile et desktop, et détecter les leviers d’optimisation avec des recommandations d’amélioration ;
  • Lighthouse, un outre outils Google, pour effectuer un audit de site (temps de chargement, SEO, accessibilité, bonnes pratiques web…) ;
  • WebPageTest pour tester une page web selon différentes conditions de navigation (device, réseau, localisation…)  ;
  • GTMetrix, pour tester la vitesse de chargement sur différents devices et zones géographiques, il s’appuie sur Lighthouse de Google ;
  • DareBoost pour tester la performance des pages web selon différents critères : vitesse, sécurité, UX… et bénéficier de recommandations pour l’optimiser.

Si vous n’êtes pas encore perdus dans toutes ces solutions de tests des métriques de performance de votre site de e-commerce, ajoutons qu’il existe également des outils payants offrant une analyse encore plus complète. Procéder aux tests est une chose, mettre en place les corrections adaptées en est une autre, c’est pourquoi se faire accompagner pour la webperf Magento par un professionnel est une garantie pour l’efficacité de vos optimisations pour la performance de votre e-commerce, et un gain de temps considérable.

Comment améliorer la performance de son site Magento-2

Les sites e-commerce concernés par l’amélioration de la webperf

Arrivé à ce stade de votre lecture, peut-être vous dites-vous que c’est bien trop compliqué pour vous et que votre petit e-commerce peut se passer de ces mesures. Mais, en réalité, les bénéfices de l’amélioration de la webperf de son site Magento concernent toutes les entreprises de vente en ligne, quels que soient leur trafic et leur secteur d’activité !

Les études menées auprès des internautes mettent en exergue les critères les plus importants attendus par les utilisateurs d’un site marchand (version desktop et mobile), à savoir :

  •  la vitesse de chargement des pages, 75 % ;
  • la facilité à trouver ce qu’ils recherchent, 66 % ;
  • l’adaptabilité du site au support, 61 % ;
  • la facilité d’utilisation, 58 % ;
  • le design du site, 25 %.

Il faut savoir que l’amélioration de la web performance offre deux effets de levier indispensables à une activité de vente sur internet. Outre la vitesse du site, elle permet une meilleure visibilité car elle favorise un meilleur référencement, sachant que le SEO est fondamental pour un e-commerce pour attirer toujours plus de nouveaux clients. A l’inverse, une boutique en ligne non performante (en termes de vitesse de chargement) aura moins de chances d’être bien indexée par les moteurs de recherche malgré tous les efforts fournis en référencement naturel SEO.

L’amélioration de la webperf d’un e-commerce en pratique

Maintenant que la webperf n’a plus de secrets pour vous, vous vous demandez certainement quelles sont les techniques disponibles pour l’accélération de votre site Magento.

Parce que nous ne nous pouvons citer toutes les solutions en réponse aux divers problèmes possibles parce que chaque site est unique, nous vous proposons de découvrir les techniques les plus courantes :

  • mettre en place du lazy loading (script ou un plugin), permettant de charger uniquement le contenu à afficher et non l’intégralité de la page ;
  • mettre à jour la version PHP du site (ou du serveur), il s’agit du langage de programmation permettant de rendre le site de e-commerce dynamique, il assure la communication entre le navigateur de l’utilisateur et le code de programmation du site ;
  • mettre en place une stratégie de cache efficace (cache serveur, navigateur, ou CDN, gérés via les en-têtes HTTP), pour mettre en mémoire de façon temporaire certaines informations, ce qui permet de réduire les temps de réponse et d’affichage (certains plugins sont prévus pour cela et permettent d’accélérer Magento)…

Enfin, un site performant et à jour permet de garantir une meilleure sécurisation de vos données et de celles de vos clients. Outre les certificats de sécurité propres à l’hébergeur de votre e-commerce, vous avez également la responsabilité des informations que vous collectez, dont les données bancaires de vos clients. Une faille dans la sécurité (piratage, vol ou pertes des données, etc.) peut avoir des conséquences désastreuses pour votre activité. La performance passe donc autant par la qualité de ce qui est visible par vos utilisateurs que par les aspects techniques de votre e-commerce.

Nous vous recommandons ces autres pages : </

Hello SMX Paris !