Magento est la solution web de référence pour vendre vos produits en ligne. Comment mesurer la performance de son site Magento ? Il est important de mesurer la webperf, ou performance web, de votre boutique. Les résultats de cette analyse permettent ensuite de procéder à des ajustements nécessaires à l’optimisation de votre site. Vous pourrez, entre autres, améliorer sa vitesse de chargement, et profiter des effets bénéfiques pour vos taux de conversion et votre référencement Google. Cette analyse vous permet d’évaluer le temps de chargement des pages, et donc lexpérience utilisateur, et plus généralement le comportement de votre site. De nombreux outils gratuits ou payants sont disponibles en ligne. Intéressons-nous aux 6 outils incontournables de mesure de votre webperf.

6 outils incontournables pour mesurer la webperf d'un site Magento-1

Pourquoi mesurer la webperf de votre site sous Magento ?

La concurrence est dorénavant rude entre les sites web de vente en ligne. Le référencement SEO et la vitesse d’affichage des pages font partie des éléments clés de la réussite du commerce en ligne. Vous devez donc recueillir des informations précises sur la webperf de votre site pour pouvoir l’améliorer, particulièrement si vous désirez vendre des produits, de services, ou même des formations en ligne.

Les internautes veulent accéder immédiatement aux informations qu’ils cherchent en ligne. Les études montrent qu’un site ne doit pas prendre plus de 3 secondes à afficher ses pages (source Google). L’expérience proposée par une entreprise sur internet doit donc prendre en considération cette notion de performance, et cela passe par un affichage rapide, la réactivité des pages, autrement dit, et de bons temps de chargement.

Connaître son temps de chargement, d’affichage des images, le temps de réponse serveur… doit ainsi faire partie de la stratégie marketing de l’entreprise. Les outils, dont certains sont mis à disposition par Google, permettent de mesurer des données clés telles que :

  • le temps de réponse serveur ;
  • le temps d’affichage des images ;
  • la réactivité au clic, ou l’interactivité ;
  • le temps de chargement de l’ensemble des ressources utiles pour l’affichage des contenus sur la page…

Vous l’aurez compris, plus le temps d’accès aux contenus est court, plus vous captez l’attention des internautes et développerez vos ventes en ligne avec des clients engagés et fidélisés.

Analyser la vitesse de chargement d’une page web avec PageSpeed Insights

PageSpeed Insights est un outil en ligne développé par Google. Il évalue la vitesse d’affichage d’une page de votre site web, et détecte les éléments ralentissant le chargement du contenu sur la page testée. Il propose également des suggestions pour l’amélioration du temps de chargement, tant sur un ordinateur que sur une tablette ou un téléphone mobile. L’outil recueille entre autres des données sur l’expérience de navigation d’utilisateurs réels, et vous pouvez aussi comparer vos performances à celles de sites de vos concurrents, et les optimiser le cas échéant.

PageSpeed Insights indique le score de performance de la page testée. Il doit être au minimum de 90 pour être considéré comme bon par Google. Un score dont entre 50 et 90 doit être optimisé et la vitesse de chargement améliorée. Enfin, un score en dessous de 50 est considéré comme faible.

Le score remonté par Google via PageSpeed Insights est calculé sur la base des indicateurs webperf suivants :

  • First Contentful Paint : moment où le tout premier octet est chargé par le navigateur.
  • Speed Index : temps de chargement des éléments au-dessus de la ligne de flottaison.
  • Largest Contentful Paint : temps nécessaire à l’affichage du plus grand élément de contenu sur la page.
  • Time To Interactive : temps qu’il faut à une page pour devenir interactive de façon durable et sans latence.
  • Total Blocking Time : cumul des périodes pendant lesquelles un navigateur ne peut pas répondre aux interactions de l’utilisateur.
  • Cumulative Layout Shift : mesure de la stabilité visuelle d’une page web.

L’ensemble de ces mesures est applicable à chaque page de votre site, quel que soit le contenu (texte, images, vidéos…). Vous avez ainsi la possibilité de vérifier, page par page, le score de performance.

Vérifier vos performances avec Lighthouse

Lighthouse fait aussi partie des outils gratuits mis à disposition par Google. Il permet de vérifier les performances de vos pages : vitesse de chargement, SEO, accessibilité, application des bonnes pratiques web, critères Progressive Web App. Les résultats sont présentés sous la forme de scores entre 0 et 100. Cette analyse vous permet de détecter  les points défaillants de votre site Magento, et vous indique quels points améliorer pour une utilisation et une expérience optimale sur votre application web ou votre site web par les internautes.

Lighthouse peut être lancé de façon manuelle depuis le navigateur Chrome, et vous pouvez profiter de ce outil open source via l’intégration en tant que module Node pour une analyse automatique continue. Lighthouse n’a pas besoin d’être installé sur votre ordinateur pour fonctionner et remonter les informations qui vous seront utiles pour optimiser vos temps de chargement.

Cet outil d’audit est intégré le DevTools de Chome. Vous pouvez alors obtenir une analyse de vos pages et accéder directement à vos résultats. Il vous suffit de télécharger Chrome sur votre PC ou Mac, d’ouvrir DevTool, et de vous rendre sur l’adresse URL de la page à auditer sur le site web de votre choix. Ouvrez DevTools avec les fonctions Ctrl+Maj+i (PC) ou ⌥+⌘+i (Apple), cliquez sur le menu Lighthouse situé en haut de page. Vous pouvez ensuite paramétrer votre audit selon vos besoins avant de lancer l’analyse de la page.

À noter : la page va être rechargée automatiquement plusieurs fois avant l’affichage du rapport sur une nouvelle page.

Analyser une page web avec l’outil WebPageTest

Disponible en ligne et gratuitement, WebPageTest est un outil de vérification des performances de vos pages. L’outil remonte de nombreuses données qui vous permettront de comprendre en détail ce qu’il se passe au cours du chargement des pages web que vous testez : temps nécessaire pour le chargement des différentes ressources (images, scripts, CSS…), scores et mesures de performance (Speed Index, Core Web Vitals…)…  Cet outil est très complet, c’est une référence dans la communauté webperf, et il demande quelques connaissances sur le sujet pour l’exploiter pleinement. Les informations auxquelles il donne accès sont particulièrement utiles aux développeurs, équipes techniques… grâce à la profondeur des analyses qu’il  permet de réaliser.

WebPageTest offre de nombreuses options qui permettent d’observer précisément les étapes du chargement d’une page web, en choisissant les conditions de test : navigateurs (Google Chrome, Safari, Firefox, Internet Explorer, Edge, Opera…),  la qualité du réseau (Edge, 3G, 4G, fibre, ADSL…), la zone géographique, le modèle de l’appareil (téléphones d’entrée de gamme ou haut de gamme…)… Vous pourrez ainsi effectuer des mesures précises par type de navigateur, d’appareil et conditions de réseau, en fonction des conditions qui correspondent le mieux à celles de vos utilisateurs.

6 outils incontournables pour mesurer la webperf d'un site Magento-2

Mesurer vos performances avec Dareboost

Dareboost donne de nombreuses informations sur votre site web, mais également sur ceux de vos concurrents. L’outil vous donne accès à des recommandations d’amélioration de votre page, aussi bien en termes de vitesse de chargement que de SEO, pour booster également votre expérience utilisateur et votre référencement naturel. Dareboost vous permet de tester votre site en version desktop et mobile. L’analyse de sites concurrents est également possible. Selon les formules d’abonnement, vous pouvez profiter d’une analyse quotidienne ou constante de votre site web, et d’un système d’alerting en cas d’incident ou de dégradation de vos performances.

Dareboost vous indique, entre autres :

  • la liste des images dont le poids ralentit le chargement des pages, et donc l’expérience utilisateur ;
  • les scripts posant un problème pour le chargement de vos pages ;
  • les polices de caractères non reconnues par Google et qui peuvent poser un problème d’affichage…

Dareboost propose un score calculé sur la base d’une centaines de critères et points de contrôle, par un moteur d’analyse dédié.

Identifier ce qui ralentit votre site avec GTMetrix

GTMetrix est simple d’utilisation. Vous pouvez, à l’aide de cet outil, identifier les éléments de votre page web non optimisés pour l’affichage rapide de votre page. En copiant l’adresse URL de la page à tester dans GTMetrix, vous lancez une analyse complète, et vous obtenez des préconisations sur les actions à effectuer pour améliorer votre score et vos performances. Les points d’amélioration sont catégorisés selon l’importance de leur impact sur les temps de chargement des pages de votre site Magento : optimiser le poids des images, réduire le nombre de requêtes par page, optimiser les fichiers HTML, CSS et JavaScript, réduire le temps de réponse serveur…

Examiner vos performances avec Pingdom

Comme ses concurrents, Pingdom est un outil d’analyse de performances disponible en ligne. Pingdom remet des statistiques sur les données relatives aux performances de la page. La note de la page est comprise entre 1 et 100 et précise le temps de chargement de la page, le nombre de requêtes, le poids de la page et des fichiers qui la composent…

Pingdom est un outil simple et efficace pour un développeur aux compétences techniques avancées dans l’optimisation des pages web. Il lui suffit de reprendre l’ensemble des résultats affichés par Pingdom pour améliorer :

  • le temps d’affichage de la page ;
  • le poids des fichiers (notamment des images) ;
  • la gestion des redirections (301 entre autres) ;
  • les plugins inutilisés ou à mettre à jour.

L’ensemble de ces outils permet aujourd’hui d’analyser, page par page, un site web dans son intégralité. De la même façon que vous utilisez sûrement Google Analytics ou Google Search Console pour mesure votre trafic, ces 6 outils vous aident à aller bien plus loin dans l’analyse complète de votre site web et de ses performances globales. Les analyses et les données vous permettent ainsi la d’optimiser la gestion intégrale de votre site Magento.

Nous vous recommandons ces autres pages :

Hello SMX Paris !