web-core-vitals

Comment améliorer les Web Core Vitals au Maroc ?

Comment améliorer les Web Core Vitals au Maroc ?

2023-12-28


Nous avons effectué une étude sur l'état des Core Web Vitals au Maroc, dans 12 différents secteurs, grâce à l’outil GTmetrix.
Le résultat ? À peu près 40% des entreprises marocaines sont conformes aux recommandations des Core Web Vitals. 
Mais avant d’aller plus loin, définissons d’abord les Core Web Vitals. 
Les Core Web Vitals sont des critères d'évaluation du Web qui s'appliquent à toutes les pages d'un site web et qui devrait être mesurés par tous les administrateurs de plateformes. Ces indicateurs s'affichent au niveau des outils Google et sont connus sous le nom de critères d'évaluation du Web fondamentaux. Chacun de ces critères représente un aspect unique de l'expérience utilisateur, il est quantifiable sur le terrain et reflète l'expérience réelle d'un résultat essentiel centré sur l'utilisateur.
Les indicateurs qui composent les "Core Web Vitals" se concentrent sur trois aspects de l'expérience utilisateur : le chargement, l'interactivité et la stabilité visuelle.
  • Largest Contentful Paint (LCP) : mesure les performances de chargement. Pour offrir une bonne expérience à l'utilisateur, le LCP doit se produire dans les 2,5 secondes qui suivent le début du chargement de la page.
  • First Input Delay (FID) : mesure l'interactivité. Pour offrir une bonne expérience à l'utilisateur, les pages doivent avoir un FID de 100 millisecondes ou moins.
  • Cumulative Layout Shift (CLS) : mesure la stabilité visuelle. Pour offrir une bonne expérience à l'utilisateur, les pages doivent présenter un CLS inférieur ou égal à 0,1.

Zoom sur l’étude effectuée 

L'objectif de cette étude est d'évaluer l'état des Core Web Vitals au Maroc dans 12 secteurs différents : banques et assurances, distribution et commerce, valeurs mobilières, monétique, construction, immobilier, transport et logistique, aménagement et design, service public, télécommunications, énergie et automobile.
En évaluant les Core Web Vitals dans ces différents secteurs, nous avons pu identifier les domaines où des améliorations sont nécessaires afin d'offrir une meilleure expérience utilisateur.
Cela permettra aux entreprises marocaines des secteurs concernés de renforcer leur présence en ligne, d'améliorer la satisfaction des utilisateurs et de stimuler leur croissance numérique.

Quelles sont les problématiques qui reviennent le plus souvent ? 

  • Les pages prennent du temps à se charger en raison d'une optimisation insuffisante.
L'optimisation insuffisante entraîne des retards de chargement de pages en raison de fichiers volumineux, d'un code mal écrit ou d'une mauvaise gestion des ressources, impactant négativement l'expérience utilisateur.
  • Les images ne sont pas optimisées, et les fichiers ne sont pas compressés.
L'absence d'optimisation des images et de compression des fichiers augmentent la charge de la page, entraînant des temps de chargement plus longs.
  • Le contenu n'est pas organisé par ordre de priorité.
Un manque d'organisation par ordre de priorité peut entraîner une confusion pour les utilisateurs, les obligeant à chercher les informations importantes, ce qui affecte l'efficacité de la page et celle du site. 
  • Le navigateur ne tire pas parti du cache.
L'absence d'utilisation efficace du cache conduit à des temps de chargement plus longs, car le navigateur doit télécharger à nouveau les ressources à chaque visite, plutôt que de les récupérer localement.
  • Il y a une utilisation excessive de scripts JavaScript.
Une utilisation excessive de scripts JavaScript peut ralentir le chargement de la page, affectant l'expérience utilisateur en augmentant le temps de traitement et en consommant davantage de ressources du navigateur.

Quelles sont les recommandations qui reviennent le plus souvent ?

  • Effectuer des tests réguliers de performances pour identifier et corriger les problèmes.
Les tests de performance réguliers consistent à évaluer la vitesse de chargement, la réactivité et la stabilité d'un site web. Ils permettent de détecter les erreurs de codage et les ressources surchargées.
  • Compresser les fichiers HTML, CSS et JavaScript pour réduire leur taille et accélérer leur chargement.
La compression des fichiers consiste à réduire leur taille en éliminant les éléments inutiles et redondants. Cela permet de réduire la quantité de données transférées entre le serveur et le navigateur, ce qui entraîne des temps de chargement plus courts. 
  • Réduire les redirections excessives qui peuvent ralentir le chargement du site.
Les redirections, telles que les chaînes de redirection multiples, augmentent le nombre de requêtes HTTP, ce qui entraîne des retards de chargement. En limitant ces redirections, on peut réduire la complexité des demandes réseau et améliorer la vitesse de chargement des pages.
  • Optimiser les images en réduisant leur taille pour améliorer leur chargement.
L'optimisation des images consiste à réduire leur taille sans compromettre significativement leur qualité visuelle. Il est important d'utiliser des formats d'image appropriés, de compresser les images, d’adopter les dimensions adéquates et d'utiliser des techniques telles que la mise en cache.

En résumé ?

L'amélioration des Core Web Vitals dans les secteurs marocains est essentielle pour fournir une expérience utilisateur optimale et renforcer la présence en ligne des entreprises.
Pour ce faire, il est essentiel de prendre certaines mesures que nous résumons ci-dessous : 
  • Effectuer des tests réguliers des performances du site pour identifier les problèmes potentiels et les corriger rapidement.
  • Compresser les fichiers HTML, CSS et JavaScript pour réduire leur taille et accélérer leur chargement.
  • Réduire les redirections excessives qui peuvent ralentir le chargement du site.
  • Optimiser rigoureusement les images en réduisant leur taille et en utilisant des formats appropriés pour améliorer leur chargement.
Les entreprises peuvent ainsi améliorer leurs résultats sur les moteurs de recherche, augmenter le trafic organique et encourager la croissance en ligne en surveillant constamment les performances, en identifiant les problèmes et en prenant des mesures correctives. 
Les industries marocaines peuvent se positionner favorablement dans le monde numérique en constante évolution en adoptant une approche proactive et en accordant une attention particulière aux Core Web Vitals.
Si vous en souhaitez en savoir plus sur l’étude réalisée, nous vous invitons à consulter le rapport de l'étude
Ci-après également une infographie récapitulative des différents secteurs concernés par l'étude.