Les sept meilleurs conseils pour rendre votre site Web Magento ultra rapide

Conseil n° 1 : passez à Magento 2 si vous utilisez toujours Magento 1

Adobe a mis fin à la prise en charge de Magento 1 en juin 2020, mais des centaines d'entreprises l'utilisent toujours. Si vous êtes l'un d'entre eux, considérez ce message comme un appel à migrer dès que possible. Parmi les nombreux avantages de Magento 2 (maintenant connu sous le nom d'Adobe Commerce), la performance est le plus important, surpassant son homologue obsolète dans de nombreux cas d'utilisation :

• Magento 2 traite 39 % de commandes en plus par heure, atteignant jusqu'à 2 558 commandes par heure
• Il offre des temps de réponse quasi instantanés pour les pages de catalogue (<2 sec)
• Il permet des temps de réponse du serveur d'ajout au panier jusqu'à 66 % plus rapides, inférieurs à 500 millisecondes
• Il offre des temps de réponse de paiement des clients 51 % plus rapides et des temps de réponse de paiement des clients 36 % plus rapides pour toutes les étapes de paiement combinées

En outre, la dernière et la plus récente version de Magento 2.4.x est encore plus rapide grâce à des améliorations significatives du temps de réponse de la page vitrine, des temps de chargement d'image plus rapides, ainsi qu'une mise en cache améliorée et des performances d'ajout au panier.

Conseil n° 2 : changez de fournisseur d'hébergement

Une grande partie des performances dépend de la capacité de votre serveur à supporter un grand nombre d'utilisateurs sans ralentir ni s'effondrer aux heures de pointe. Oubliez l'hébergement mutualisé pour votre boutique Magento. Votre plan d'hébergement doit inclure au moins des disques durs à semi-conducteurs (SSD) et au moins 4 Go de RAM. La configuration système requise varie en fonction de votre magasin.

Je recommande toujours à mes clients Magento d'héberger leurs sites Web sur AWS, ce qui est à la fois abordable et puissant. Il fournit un environnement stable vous permettant d'offrir des performances de site Web de premier ordre tout en augmentant vos opérations commerciales, vos utilisateurs et vos commandes.

Conseil n° 3 : implémentez une stratégie de mise en cache viable (ou optimisez celle qui existe déjà)

Un cache est un moyen de précharger vos pages Web pour une diffusion rapide du contenu. Essentiellement, il stocke tous les éléments de la page, comme le texte et les images, afin que l'utilisateur n'ait pas à demander des fichiers au serveur chaque fois qu'il visite votre site Web.

La mise en cache est particulièrement pratique lorsque vous avez un produit avec de nombreux attributs qui prennent trop de temps à charger. Magento 2 permet une mise en cache pleine page prête à l'emploi, mais vous pouvez encore augmenter son débit en utilisant des technologies de mise en cache avancées comme Varnish et Redis.

Varnish stockera (ou mettra en cache) des fichiers ou des fragments de fichiers en mémoire et réduira éventuellement le temps de réponse et la consommation de bande passante du réseau lors de futures requêtes équivalentes. Il se situe entre le serveur Web et la base de données Magento, et transmet toutes les requêtes HTTP des utilisateurs afin de réduire les temps de réponse pour renvoyer le contenu aux utilisateurs.

Redis agira comme un cache par défaut pour stocker les requêtes fréquemment posées, les clés et les sessions utilisateur. Il remplace le système de mise en cache standard basé sur les fichiers de Magento et ajoutera une vitesse supplémentaire à votre site Web.

Alors que Varnish se concentre sur la mise en cache frontale, Redis peut stocker d'autres structures de données telles que les caches EAV et Configuration. C'est pourquoi je recommande de les utiliser en tandem.

Conseil n°4 : envisagez d'ajouter un CDN

Un CDN signifie réseau de distribution de contenu. Ils ont des serveurs répartis géographiquement dans le monde entier, afin que les utilisateurs puissent télécharger des données à partir des serveurs les plus proches d'eux. Les CDN peuvent fournir tout type de contenu, y compris des images, des médias, des fichiers CSS/JS, des thèmes et des modules et peuvent agir comme un optimiseur de site global.

Magento est préconfiguré pour prendre en charge les CDN, bien que vous deviez avoir une certaine expertise technique pour le configurer. Ce n'est pas absolument nécessaire, en particulier pour les petites entreprises à faible trafic incapables d'investir dans la solution technologique et sa mise en œuvre.

Cependant, il s'agit d'un incontournable pour les sites Web critiques à fort trafic qui souhaitent sérieusement offrir la meilleure expérience utilisateur. Mes recommandations personnelles sont Akamai, Cloudflare et Amazon Cloudfront.

Conseil n° 5 : Effectuez un audit de site Web

Si un site de commerce électronique gagne 100 000 $ par jour, un retard de page d'une seconde pourrait potentiellement vous coûter 2,5 millions de dollars en ventes perdues chaque année. Ce décalage est causé par des goulots d'étranglement de performances.

Il y a tellement de choses qui causent des goulots d'étranglement, comme le nombre de requêtes serveur, le poids de la page, les éléments de page paresseux, le chargement d'image paresseux, les extensions tierces et le code mal écrit ou non optimisé. Un audit identifie ces problèmes techniques dans le back-end et le front-end, les résout, puis montre les performances après modifications.

Certains des goulots d'étranglement les plus courants des performances de Magento peuvent inclure :

• Laisser les modules inutilisés de base activés (par exemple, expédition et paiements hors ligne ; Captcha, Persistent, RSS ; MSRP, Send Friend, Weee, etc.).
• Empilez des fonctionnalités inutiles, comme des plugins et des éléments de mise en page.
• Non-respect des normes de codage et des meilleures pratiques.

Même l'ajout de quelques fonctionnalités de site Web peut faire chuter les performances de votre site Web. Effectuez un audit régulier du code Magento pour vous assurer que votre boutique n'est pas encombrée de bugs et de goulots d'étranglement.

Conseil n°6 : suivez les meilleures pratiques de performance de Magento

C'est peut-être l'astuce la plus évidente, mais elle fonctionne la plupart du temps. Magento Performance Best Practices est un guide inestimable présenté par Adobe lui-même sur la façon de configurer votre boutique de la manière la plus efficace.

Le guide comprend pas mal d'idées, mais voici les principaux boosters de vitesse :

• Activez tous les caches depuis la page Système > Outils > Gestion du cache. Mieux encore, connectez le cache Varnish dont nous avons parlé ci-dessus.
• Activer les notifications par e-mail asynchrones
• Utilisez des outils tiers comme les extensions d'optimisation de vitesse Magento pour la minification et le regroupement JS (comme r.js).
• Activez le protocole HTTP2 comme alternative à l'utilisation du regroupement JS.
• N'utilisez pas de paramètres obsolètes tels que la fusion de fichiers JS et CSS, car ils ont été conçus uniquement pour JS chargé de manière synchrone dans la section HEAD de la page. L'utilisation de cette technique peut entraîner un regroupement et nécessiter un fonctionnement incorrect de la logique JS.

Certains pourraient considérer ces recommandations comme trop techniques, vous feriez donc mieux d'avoir des connaissances techniques ou d'utiliser l'aide de quelqu'un ayant une expérience préalable de Magento.

Conseil n° 7 : effectuez un test d'effort

Un test de résistance est une étape importante pour améliorer l'évolutivité et garantir que votre magasin peut gérer les pics de charge lors des ventes flash. Lors d'un test de résistance, vous poussez le site jusqu'à son point de rupture en augmentant progressivement la charge au-dessus du maximum attendu.

Tout d'abord, vous devez générer des exemples de données pour les tests de performances. Magento vous permet de créer plus d'utilisateurs, de magasins, de catégories, de produits, etc. et de définir des profils (petit, moyen, grand et extra-large). Reportez-vous à la documentation officielle de Magento pour plus d'informations.

Deuxièmement, vous définissez l'environnement de pré-test à l'aide de l'outil de votre choix. Il est important de prendre les parcours utilisateur que vous avez tracés lors de la phase de préparation et de les saisir dans l'outil de test des performances pour créer un modèle de charge de travail.

Troisièmement, vous clonez la base de données Magento existante, vous assurez que tous les outils fonctionnent correctement et exécutez le test de performance. Vous pouvez ensuite analyser les résultats, créer des rapports et identifier les goulots d'étranglement à résoudre.

Je sais que cela semble plus facile à dire qu'à faire, mais ce dernier conseil devrait être d'une grande aide pour les grands commerçants. Testez votre site Web Magento sous contrainte pour vous assurer qu'il peut gérer les volumes de trafic élevés et évoluer, quel que soit le nombre d'utilisateurs et de produits.

Une dernière note pour conclure : les acheteurs en ligne n'ont jamais été assez patients pour attendre plus de 3 secondes qu'une page de produit se charge. C'est à vous de prendre des mesures, d'allouer le budget pour l'optimisation des performances, et d'impressionner vos clients avec une expérience utilisateur optimale.