Magento 2 est une plateforme e-commerce robuste et parmi les plus réputées du marché. La semaine dernière vous avez découvert les 5 premières bonnes pratiques Magento 2. L’article de cette semaine sera dédié à la suite, les bonnes pratiques Magento 2 de 6 à 10.
Bonne Pratique Magento 2 06 : Supprimer les modules inutiles
Assurez-vous de connaitre l’utilité et le fonctionnement de toutes les extensions installées sur votre site e-commerce.
Les performances de Magento sont légèrement diminuées chaque fois que vous installez quelque chose de nouveau.
Pour les personnes les plus techniques, utilisez une console SSH pour vous connecter à votre environnement web.
/!\ Nous partons du postulat que nous nous trouvons à la racine du site.
/var/www/monsite/magento/
Parcourez votre répertoire Modules.
C’est celui qui se trouve dans app/etc/modules.
Reconnaissez-vous tout ce que vous y voyez ? Désactivez ou supprimez complètement les extensions inutiles de votre boutique pour rendre votre site Magento plus rapide.
Une fois connecté, utilisez les commandes suivantes pour désactiver puis supprimer l’extension dont vous n’avez plus besoin.
Nous utilisons ici l’extension « TestExtension » pour vous donner un exemple.
Mode développeur :
````
php bin/magento module:disable TestExtension --clear-static-content
php bin/magento setup:upgrade
rm -rf app/code/TestExtension
````
Mode production :
````
php bin/magento maintenance:enable
php bin/magento module:disable TestExtension --clear-static-content
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy en_US de_DE fr_FR
php bin/magento maintenance:disable
rm -rf app/code/TestExtension
````
Faites attention lorsque vous supprimez des extensions différentes qui ont une extension commune qui leur sert de base.
Si elles se trouvent toutes dans le même dossier, la commande “rm -rf TestExtension” supprimera tout. Et pas seulement celle à laquelle vous pensiez.
Veuillez consulter le manuel d’utilisation de l’extension pour une procédure de désinstallation correcte. Ou n’hésitez pas à contacter les spécialistes de NBS.
Petite astuce :
Regardez cette commande : static-content:deploy en_US de_DE fr_FR.
Ici nous spécifions les langues que notre boutique Magento utilise.
Par défaut, Magento se déploiera avec l’attribut « en_US ». Mais vous devrez ajouter d’autres langues manuellement si vous souhaitez les utiliser sur votre site web (fr_FR de_DE…).
Bonne Pratique Magento 2 07 : Supprimer les scripts inutilisés et déplacer le reste vers le bas
Malgré les bonnes pratique Magento 2 précédentes, votre e-commerce est toujours lent ? Alors retirez les scripts inutilisés de votre boutique et déplacez le reste en bas de page pour optimiser Magento !
Le navigateur lira le code de haut en bas, attendant parfois de télécharger des fichiers JS spécifiques avant d’aller plus loin dans la page !
Il s’agit bien sûr d’une simplification excessive.
Votre navigateur essaiera d’optimiser ce processus autant que possible en téléchargeant des fichiers en parallèle et ainsi de suite (HTTP/2).
Tout d’abord, identifiez s’il y a du code JS sur la page qui n’a pas besoin d’être là et débarrassez-vous-en !
Le code JS jamais exécuté n’a tout simplement pas sa place sur vos pages.
Maintenant, nous devons déplacer le code qui est réellement utile vers le bas du body.
De cette façon, le code cessera de bloquer le chargement du contenu statique.
En conséquence, vos utilisateurs constateront une amélioration de la vitesse de rendu de la page.
Au lieu de visualiser une page blanche, les visiteurs peuvent maintenant lire le texte. Ils verront également les images de vos produits avant même que le reste de la page ne se charge.
Bonne Pratique Magento 2 08 : Ne plus utiliser les catalogues plats
Passer par un catalogue plat a été l’une des meilleures bonnes pratiques Magento 2 pendant des années.
Le paramètre disponible dans les versions Magento 1.x.x et Magento 2.x.x est conçu pour rassembler les attributs produits applicables dans votre base de données et les fusionner dans un tableau plus léger.
Cependant, cette bonne pratique ne fonctionne plus !
Depuis Magento 2.3.0, l’éditeur recommande de désactiver cette fonction.
Vous pouvez trouver cet avertissement sur le site officiel de Magento :
https://docs.magento.com/user-guide/catalog/catalog-flat.html
En continuant à utiliser un catalogue plat, vous devrez faire face à un fonctionnement lent, à une dégradation des performances et à d’autres problèmes.
Pour désactiver la fonction, allez dans “Stores > Settings > Configuration”.
Ensuite, choisissez “Catalog” dans le panneau de gauche et accédez à la “Storefront”.
Maintenant, définissez Non dans les deux champs “Use Flat Category” et “Use Flat Catalog Product”.
Lorsque vous avez terminé, appuyez sur le bouton “Save Configs”.
Bonne Pratique Magento 2 09 : Accélérer les résultats de recherche à l’aide d’ElasticSearch
L’utilisation d’ElasticSearch augmente de 50% les performances de Magento 2.
Il offre une prise en charge multilingue, des fonctionnalités de recherche, d’indexation avancées ainsi que des fonctionnalités en dehors de la recherche. ElasticSearch est évolutif et fonctionnera bien sans configuration supplémentaire.
https://devdocs.magento.com/guides/v2.4/config-guide/elasticsearch/configure-magento.html
De plus le processus d’installation exact dépendra de la configuration que vous utiliserez.
Les experts NBS System préconise les points suivants :
- Installer ElasticSearch sur un hôte séparé. Dans le cadre de AWS, le service Amazon ElasticsSearch Service vous permet d’utiliser le service ES en mode SaaS.
- Utiliser le mode clustering (plusieurs noeuds ES) pour obtenir de meilleures performances, ainsi qu’une meilleure scalabilité du service. Veuillez noter que vous aurez besoin des privilèges de root et de quelques logiciels supplémentaires pour compléter l’installation.
Après avoir installé ElasticSearch, activez-le dans le panneau d’administration de Magento 2.
“Stores > Settings > Configuration > Catalog > Catalog > Catalog Search”.
Bonne Pratique Magento 2 10 : Utilisez le chargement progressif pour les images
L’ordre de chargement des images sur les pages offre une amélioration significative des performances sans nécessiter beaucoup d’effort !
Le chargement progressif (Lazy Loading) est un modèle qui peut vous aider à charger des images, des gifs et d’autres médias lourds.
Cela signifie, en effet, que le navigateur n’essaiera pas de charger toute la page d’un seul coup. Mais il donnera la priorité au chargement du contenu visible en premier lieu.
Par conséquent lorsque l’utilisateur se déplace vers le bas de la page, le nouveau contenu se charge en même temps.
Le chargement progressif affiche d’abord une image à basse résolution. Puis, il passe à la volée à l’image source de haute qualité.
La mise en place d’un chargement progressif permet :
- Une meilleure perception de la vitesse de chargement des pages. Ce qui est extrêmement important pour l’expérience utilisateur !
- Optimisation du SEO (référencement). Les moteurs de recherche explorent les images comme le reste du contenu.
- Économies de ressources machines et de bande passante (tous les utilisateurs ne feront pas défiler le bas de la page en même temps).
Découvrez dès à présent la suite avec notre article dédié aux bonnes pratiques Magento 2 – 11 à 15 !
