Comment améliorer rapidement votre score Google PageSpeed ​​Insights de Magento Store sans être un développeur


Magasin Magento

Un score élevé de Google PageSpeed ​​Insights est devenu une marque de qualité pour les magasins Magento. Et même si Google et les grandes équipes d'optimisation de Magento soulignent que ce n'est pas un bon outil pour mesurer l'optimisation des performances, les détaillants en ligne comptent toujours sur lui pour surveiller les progrès de leur magasin en termes de rapidité et de fiabilité.

C’est pourquoi nous avons créé un petit guide sur la manière de corriger rapidement votre score Google PageSpeed, même si vous n’avez aucune expertise en matière de développement. Tous nos correctifs sont faciles à mettre en œuvre, génèrent beaucoup d'efforts pour un minimum d'effort et peuvent être mis en œuvre en une journée.

Correction n ° 1. Obtenez un bon CDN

Un réseau de distribution de contenu n’est pas une panacée pour les magasins Magento, mais c’est aussi proche que possible. Outre les avantages évidents d'une livraison plus rapide des actifs et d'une latence réduite, un CDN offre un ensemble de fonctionnalités qui peuvent accélérer votre magasin Magento:

  • optimisation des médias (un CDN sait comment réduire la taille globale de l’image sans compromettre la qualité),
  • minification et compression des actifs statiques tels que les fichiers CSS, JS et HTML (la création d’actifs plus petits peut certainement les aider à les servir plus rapidement, même sur des réseaux plus lents),
  • échanger les anciens fichiers JPEG pour le format WebP moderne pour les navigateurs qui le prennent en charge (les images se chargent plus rapidement et prennent moins de place),
  • convertir les images au format progressif (les images progressives se chargent différemment des images classiques, offrant aux utilisateurs un sentiment de performance supérieure, même si techniquement, le magasin se charge à la même vitesse),
  • reporter le chargement des actifs (Magento doit principalement reporter l'analyse de JavaScript) afin d'accélérer la livraison d'actifs critiques,
  • prioriser HTTP / 2 et QUIC protocoles pour charger des fichiers plus rapidement et mal synchronisés,
  • affiner l'âge du cache à des valeurs optimales,
  • servir différentes versions d'image à différents utilisateurs (le multiséquencement est utile lorsque le navigateur a besoin d’une image de plus petite taille, par exemple).

L’installation et la configuration d’un CDN n’exigent pas beaucoup de connaissances techniques. La plupart du temps, vous pourrez traiter la tâche sans trop de difficulté. Un CDN est l’une des meilleures solutions pour les performances frontales de Magento. Son intégration peut considérablement améliorer votre score Google PageSpeed ​​en raison de la quantité de corrections utiles qu'elle propose.

Même si un CDN est le meilleur outil de notre boîte à outils, nous aimerions vous montrer deux autres options: comment accélérer votre magasin et augmenter, espérons-le, son score PageSpeed.

Correction n ° 2. Choisissez un hébergement capable Magento

Magento est une plate-forme exigeante et gourmande en ressources qui nécessite une équipe d'assistance ciblée pour vous aider à tirer le maximum des performances du serveur.

Malheureusement, la plupart du temps, les propriétaires de magasins Magento ne considèrent pas un bon fournisseur d’hébergement comme un investissement rentable. Au lieu de faire correspondre leurs exigences de magasin avec un environnement de serveur performant, ils étudient comment optimiser Magento afin de l'intégrer dans les limites restrictives d'une solution d'hébergement partagé ou d'un serveur privé virtuel barebones.

C’est pourquoi il est si important que vous choisissiez avec soin votre environnement d’hébergement Magento et, encore plus méticuleusement, l’équipe de support technique de votre fournisseur. Ce sont les personnes qui vous aideront à configurer l'environnement et à faire face aux éventuelles difficultés techniques que vous pourriez rencontrer.

Un bon hébergeur et un serveur puissant se traduiront par une amélioration visible du score Google PageSpeed. Plus le serveur est puissant, plus il atténuera les problèmes liés aux goulots d'étranglement de la CPU – et la CPU est le point le plus commun dans les magasins Web Magento. Donc, ne doutez pas si vous avez besoin d’un serveur plus puissant. Il est probable que vous deviez simplement mettre à niveau.

Nos recommandations ici: faire votre recherche. Lisez les avis, demandez autour de vous, parlez à des experts de la communauté, comparez les offres de différents fournisseurs, posez des questions spécifiques à ces hôtes.

Correction n ° 3. Optimiser les paramètres de l'administrateur Magento

La section Admin de Magento est souvent négligée, mais c’est un vecteur efficace d’optimisation de Magento. L’un des avantages de l’optimisation du panneau d’administration Magento est qu’il n’est pas nécessaire de faire des tâches extrêmement techniques. Il suffit de suivre des instructions simples pour modifier des paramètres spécifiques dans Magento.

Activer les catalogues plats. C'est une solution efficace lorsque vous avez des milliers de produits uniques dans le magasin. Les catalogues et produits plats changent la façon dont Magento enregistre les attributs de produit dans le magasin. Au lieu de les conserver dans des tables de base de données séparées, il crée une structure plate qui aide le serveur à récupérer les valeurs d'attribut beaucoup plus rapidement qu'auparavant. Aller à Magasins> Paramètres> Configuration> Catalogue> Storefront et changer ces deux options pour Oui.

Comment améliorer rapidement votre score Google PageSpeed ​​Insights de Magento Store sans être un développeur

Modifier les paramètres JS. Pour certaines raisons, Les paramètres par défaut de Magento JS ne sont pas optimaux. Mais si vous êtes sérieux au sujet des performances de Magento, nous vous recommandons d'aller à Magasins> Paramètres> Configuration> Avancé> Développeur> Paramètres JavaScript et changez-les comme indiqué ci-dessous.

Magento Store "width =" 795 "height =" 226 "srcset =" https://webypress.fr/wp-content/uploads/2019/11/1573122800_324_Comment-ameliorer-rapidement-votre-score-Google-PageSpeed-​​Insights-de-Magento.jpg 795w, https://cdn.learnwoo.com /wp-content/uploads/2019/11/image4-300x85.jpg 300w, https://cdn.learnwoo.com/wp-content/uploads/2019/11/image4-768x218.jpg 768w, https: // cdn .learnwoo.com / wp-content / uploads / 2019/11 / image4-696x198.jpg 696w "tailles =" (largeur maximale: 795px) 100vw, 795px

Modifier les paramètres CSS. Les CSS non optimisées peuvent sérieusement affecter les performances. Il est donc judicieux d’atténuer cet impact au maximum. Aller à Magasins> Configuration> Avancé> Développeur et passez à YES Minify and Merge CSS settings.

Magento Store "width =" 586 "height =" 150 "srcset =" https://webypress.fr/wp-content/uploads/2019/11/1573122800_656_Comment-ameliorer-rapidement-votre-score-Google-PageSpeed-​​Insights-de-Magento.jpg 586w, https://cdn.learnwoo.com /wp-content/uploads/2019/11/image3-300x77.jpg 300w "tailles =" (largeur maximale: 586px) 100vw, 586px

Modifier les paramètres HTML. Les paramètres HTML sont situés à Magasins> Configuration> Avancé> Développeur> Paramètres du modèle. Activez la minification HTML pour enregistrer les données et accélérer le chargement des pages Web. Le code réduit est moins lisible, mais beaucoup plus compact, ce qui est une fonctionnalité intéressante lorsque vous êtes préoccupé par les performances de livraison.

Magento Store "width =" 883 "height =" 112 "srcset =" https://webypress.fr/wp-content/uploads/2019/11/1573122800_530_Comment-ameliorer-rapidement-votre-score-Google-PageSpeed-​​Insights-de-Magento.jpg 883w, https://cdn.learnwoo.com /wp-content/uploads/2019/11/image5-300x38.jpg 300w, https://cdn.learnwoo.com/wp-content/uploads/2019/11/image5-768x97.jpg 768w, https: // cdn .learnwoo.com / wp-content / uploads / 2019/11 / image5-696x88.jpg 696w "tailles =" (largeur maximale: 883 pixels), 100vw, 883 pixels

Bonus Fix. Activer Elasticsearch!

Magento Store "width =" 1021 "height =" 185 "srcset =" https://webypress.fr/wp-content/uploads/2019/11/1573122800_345_Comment-ameliorer-rapidement-votre-score-Google-PageSpeed-​​Insights-de-Magento.jpg 1021w, https: //cdn.learnwoo .com / wp-content / uploads / 2019/11 / image2-2-300x54.jpg 300w, https://cdn.learnwoo.com/wp-content/uploads/2019/11/image2-2-768x139.jpg 768w , https://cdn.learnwoo.com/wp-content/uploads/2019/11/image2-2-696x126.jpg 696w "values ​​=" (largeur maximale: 1021px) 100vw, 1021px

La recherche en magasin n’a pas vraiment d’impact sur le score Google PageSpeed ​​Insights mais c’est néanmoins quelque chose que vous devez implémenter. Elasticsearch représente une amélioration considérable de l'expérience utilisateur et offre d'énormes avantages en termes de qualité de vie à vos clients.

Le plus souvent, la recherche en magasin est l’un des éléments les plus frustrants de toute une expérience de magasinage, qu’elle soit lente ou inexacte. Pour les utilisateurs pressés, la qualité de votre recherche peut faire toute la différence entre un achat finalisé et un client perdu.

Elasticsearch offre une mise à l'échelle horizontale simple, des résultats rapides, des fonctionnalités de recherche intelligente, des synonymes et des mots d'arrêt, et une prise en charge multilingue.

Aller à Magasins> Paramètres> Configuration> Catalogue> Catalogue> Recherche dans le catalogue activer Elasticsearch. Le processus d’installation est plus complexe que les 3 précédents correctifs, mais il vous donne suffisamment d’avantages pour en valoir la peine. Une fois que vous avez activé la version souhaitée d’Elasticsearch, vous devez suivre ce guide pour installer complètement ce nouveau moteur de recherche.

Magento Store "width =" 583 "height =" 64 "srcset =" https://webypress.fr/wp-content/uploads/2019/11/1573122800_572_Comment-ameliorer-rapidement-votre-score-Google-PageSpeed-​​Insights-de-Magento.jpg 583w, https://cdn.learnwoo.com /wp-content/uploads/2019/11/image1-300x33.jpg 300w "tailles =" (largeur maximale: 583 pixels), 100vw, 583 pixels

Remarque: Les fournisseurs d’hébergement axés sur Magento seront très familiers avec Elasticsearch et auront souvent des solutions d’intégration Elasticsearch prêtes à l’emploi à votre disposition. Voyez comment tout se réunit? Un bon hébergeur Magento vous simplifiera la vie à bien des égards.

Obtenir le score parfait. En avez-vous même besoin?

Le score Google PageSpeed ​​est basé sur des dizaines d’audits distincts qui évaluent la vitesse de votre magasin de tant de façons qu’il est difficile de les énumérer ici. Ce que vous devez comprendre, c'est que le score n'a pas de sens si vous le poursuivez seul, sans regarder d'abord l'expérience utilisateur et l'engagement de l'utilisateur. Ce sont les vrais paramètres que vous voulez soulever.

Le mode de navigation de vos clients, leur comportement lors du paiement, du panier d'achat ou de la grille de produits. Voyez où les conversions augmentent ou diminuent et comment vous pouvez vous améliorer. Après tout, les vraies personnes apportent de vraies ventes. Les robots ne sont pas aussi importants pour votre magasin.

Laisser un commentaire

Fermer le menu