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

Dernière mise à jour - 8 juillet 2021

Un score élevé de Google PageSpeed ​​Insights est devenu une sorte de marque de qualité pour les magasins Magento. Et même si Google et les principales é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 s'y fient toujours pour surveiller la performance de leur magasin en termes de vitesse et de fiabilité.

C'est pourquoi nous avons créé un petit guide sur la façon de corriger rapidement votre score Google PageSpeed ​​même si vous n'avez aucune expertise en développement. Tous nos correctifs sont faciles à mettre en œuvre, offrent beaucoup de punch pour un minimum d'effort et peuvent être mis en œuvre en une journée.

Correction #1. Obtenez un bon CDN

Un réseau de diffusion de contenu n'est pas une panacée pour les magasins Magento, mais il s'en rapproche le plus possible. En plus des 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 rendre votre boutique Magento plus rapide :

• 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 aider à les servir plus rapidement, même sur des réseaux plus lents),
• échangez les anciens fichiers JPEG contre le format WebP moderne pour les navigateurs qui le prennent en charge (les images se chargent plus rapidement et occupent moins d'espace),
• convertir les images au format progressif (les images progressives se chargent différemment des images conventionnelles, offrant aux utilisateurs un sentiment de performance supérieure même si techniquement le magasin se charge à la même vitesse),
• différer le chargement des actifs (Magento a principalement besoin de différer l'analyse de JavaScript ) afin d'accélérer la livraison des actifs critiques,
• prioriser les protocoles HTTP/2 et QUIC pour charger les fichiers plus rapidement et désynchronisés,
• affiner l'âge du cache à des valeurs optimales,
• servir différentes versions d'image à différents utilisateurs (le multiversion est utile lorsque le navigateur a besoin d'une image de plus petite taille, par exemple).

L'installation et la configuration d'un CDN ne nécessitent pas beaucoup d'expertise technique. La plupart du temps, vous serez en mesure de faire face à la tâche sans trop de difficulté. Un CDN est l'une des meilleures solutions pour les performances du frontend Magento. Son intégration peut améliorer considérablement votre score Google PageSpeed ​​en raison de la quantité de correctifs utiles qu'il propose.

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

Correction #2. Choisissez un hébergement Magento capable

Magento est une plate-forme exigeante et gourmande en ressources qui nécessite une équipe de support ciblée pour vous aider à tirer le meilleur parti 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 les exigences de leur magasin avec un environnement de serveur performant, ils cherchent à optimiser Magento pour le placer 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 eux qui vous aideront à configurer l'environnement et à gérer les é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 du processeur - et le processeur est le point étroit le plus courant dans les magasins en ligne Magento. Alors ne doutez pas si vous avez besoin d'un serveur plus puissant - il y a de fortes chances que vous deviez simplement mettre à niveau.

Nos recommandations ici : faites vos recherches. Lisez les critiques, demandez autour de vous, parlez aux experts de la communauté, comparez les offres de différents fournisseurs, posez des questions spécifiques à ces hébergeurs.

Correction #3. Optimiser les paramètres d'administration de Magento

La section Admin Magento est souvent négligée mais c'est un vecteur efficace d'optimisation Magento. L'un des avantages de l'optimisation du panneau d'administration Magento est que vous n'avez pas vraiment besoin de faire des choses extrêmement techniques. Suivez simplement des instructions simples sur la façon de 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 plats et les produits changent la façon dont Magento enregistre les attributs des produits 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. Accédez à Boutiques > Paramètres > Configuration > Catalogue > Storefront et modifiez ces deux options sur Oui .

Modifiez les paramètres JS. Pour une raison quelconque, 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 dans Stores > Paramètres > Configuration > Avancé > Développeur > Paramètres JavaScript et de les modifier comme indiqué ci-dessous.

Modifier les paramètres CSS. Un CSS non optimisé peut avoir un impact sérieux sur les performances, c'est donc une bonne idée de rendre cet impact aussi faible que possible. Accédez à Stores > Configuration > Avancé > Développeur et passez à OUI Réduire et fusionner les paramètres CSS.

Modifier les paramètres HTML. Les paramètres HTML se trouvent dans Stores > Configuration > Advanced > Developer > Template Settings . Activez la minification HTML pour enregistrer les données et accélérer le chargement des pages Web. Le code minifié est moins lisible mais beaucoup plus compact, ce qui est une fonctionnalité intéressante lorsque vous êtes préoccupé par les performances de livraison.

Correction bonus. Activez Elasticsearch !

La recherche en magasin n'a pas vraiment d'impact sur le score de Google PageSpeed ​​Insights, mais c'est néanmoins quelque chose que vous devriez mettre en œuvre. Elasticsearch est une formidable amélioration de l'expérience utilisateur et offre d'énormes avantages en termes de qualité de vie à vos clients.

Le fait est que, le plus souvent, la recherche en magasin est l'un des éléments les plus frustrants de toute l'expérience d'achat si elle est lente ou inexacte. Pour les utilisateurs pressés, la qualité de votre recherche peut faire la différence entre un achat finalisé et un client perdu.

Elasticsearch offre une mise à l'échelle horizontale facile, des résultats rapides, des capacités de recherche intelligentes, l'utilisation de synonymes et de mots vides et une prise en charge multilingue.

Accédez à Stores > Paramètres > Configuration > Catalogue > Catalogue > Recherche de catalogue pour activer Elasticsearch. Le processus de configuration est plus complexe que les 3 correctifs précédents, mais il vous offre suffisamment d'avantages pour que cela en vaille 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.

Remarque : les hébergeurs axés sur Magento connaissent bien Elasticsearch et proposent souvent des solutions d'intégration Elasticsearch prêtes à l'emploi. Vous voyez comment tout s'enchaîne ? Un bon fournisseur d'hébergement Magento vous facilitera 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 manières qu'il est même difficile de les énumérer ici. Ce que vous devez comprendre, c'est que le score n'a aucun sens si vous le poursuivez seul, sans examiner d'abord l'expérience utilisateur et l'engagement de l'utilisateur. Ce sont les vraies mesures que vous voulez augmenter.

La façon dont vos clients naviguent, comment ils se comportent lors du paiement, du panier ou de la grille de produits. Découvrez où les conversions augmentent ou diminuent et comment vous pouvez vous améliorer. Après tout, de vraies personnes génèrent de vraies ventes. Les robots ne sont pas aussi importants pour votre magasin.