SEO : Booster les Performances Web Vitals des Pages de Catégorie sur les Sites d’E-commerce

En voilà un sujet à la fois niché, populaire et possiblement difficile. Niché, parce qu’il peut être technique. Populaire, parce que c’est plus de 70% des entreprises qui possèdent un site web en 2024… difficile, parce que c’est technique. Améliorer la vitesse des pages de catégorie dans une boutique en ligne est super important pour rendre les gens ‘proches de vous’ (surtout, aux yeux de Google) quand ils utilisent votre site…

Nous devons donc aborder les grandes lignes pour améliorer les métriques clés des Core Web Vitals, notamment le Largest Contentful Paint (LCP), le Cumulative Layout Shift (CLS) et le First Input Delay (FID), qui sont les 3 gros KPIs concernés.  

On va donc être UN PEU technique.

Le  Largest Contentful Paint, c’est quoi ?

Autant commencer par les bases : le Largest Contentful Paint (LCP) est une mesure de la vitesse de chargement de la plus grande image ou du plus grand bloc de texte visible à l’écran. Il indique aux propriétaires de sites Web à quel point leur contenu est rapidement affiché aux utilisateurs. Un LCP rapide est donc comme un moteur sur une voiture : absolument essentiel !

Le Cumulative Layout Shift (CLS), c’est quoi ?

On continue avec son grand frère, le Cumulative Layout Shift (CLS), qui a pour mission la mesure de la stabilité visuelle d’une page Web (en évaluant si les éléments bougent pendant le chargement). Un CLS faible garantit que les utilisateurs n’auront pas une expérience perturbante en essayant d’interagir avec le contenu de la page.

Vous l’aurez compris, il impacte directement l’expérience utilisateur. Les sites Web doivent minimiser les changements inattendus dans la mise en page pour garantir une expérience des plus agréables.

Le First Input Delay (FID), c’est quoi ?

Ici, on mesure surtout la réactivité d’une page en enregistrant le temps écoulé entre l’interaction de l’utilisateur (clic sur un bouton, par exemple) et la réponse du navigateur. Un FID court, c’est plutôt bon signe, car cela indique que la page répond rapidement aux actions des utilisateurs. Et ça, Google AIME.

Optimiser le First Input Delay est donc essentiel pour votre bon référencement web, pour garantir une interaction fluide sur les pages Web, principalement pour les sites d’e-commerce où les fonctionnalités comme l’ajout au panier ou le paiement sont communs.

Optimisation du LCP des Pages de Catégorie (SRPs)

Nous les appelons aussi ‘search results pages’ (SRPs), en bon franglais. Alors, pour améliorer ce fameux Largest Contentful Paint (LCP) sur les pages de catégorie, nous allons devoir cibler spécifiquement les éléments visuels clés tels que les images et les vidéos. Servir des images NextGen pour optimiser le SEO, réduire la taille des images, utiliser des formats optimisés et mettre en cache le contenu peuvent contribuer à réduire le temps nécessaire au plus grand élément visible pour s’afficher à l’écran, améliorant ainsi l’expérience utilisateur.

Réduire le Cumulative Layout Shift (CLS)

Ici, il s’agit principalement de définir des tailles fixes pour les images et les vidéos afin d’éviter les changements inattendus de mise en page pendant le chargement.  Le chargement des polices de caractères de manière optimisée, et également le fait d’éviter l’insertion dynamique de contenu, permettra de garantir une stabilité visuelle qui sera jugée, et notée favorablement par le grand Google.

Le Cumulative Layout Shift (CLS) mesure la stabilité de la mise en page lors du chargement d’une page.  Essayez de réduire cette métrique, afin d’éviter toute frustration due à des décalages inattendus des éléments sur la page, ce qui est également jugé et noté.

Amélioration du First Input Delay (FID)

Sur les pages de catégorie, l’idée est d’identifier et d’optimiser les scripts JavaScript qui pourraient bloquer le chargement interactif. Réduire les tâches JavaScript longues et inutiles, retardées ou non prioritaires, peut aider à garantir une réponse rapide aux actions et usagers, notamment sur les pages de catégories d’un site E-commerce, toujours, très largement visitées.

C’est ainsi que vous pourrez non seulement améliorer la visibilité de votre site sur les moteurs de recherche, mais aussi fidéliser vos clients en leur offrant une navigation rapide, stable et réactive. Par la même, vous risquez d’augmenter votre trafic web de manière automatique, et que vous pourrez davantage profiter de l’amplitude des différents canaux d’acquisition de votre marketing web.

Stratégies de Chargement des Ressources : soyez paresseux

Le Lazy Loading (littéralement ‘chargement paresseux’) est une technique de base pour améliorer les performances des pages de catégorie d’un site e-commerce. Il s’agit de charger les images et les contenus uniquement au fur et à mesure que l’utilisateur fait défiler la page, on réduit le temps de chargement initial et on améliore ainsi l’expérience de l’utilisateur.

Cette méthode très populaire et répandue, notamment sur les SRPs ‘non-paginés’, donc à défilement infini, permet d’optimiser la Largest Contentful Paint (LCP) en affichant d’abord le contenu principal, puis en chargeant progressivement les éléments secondaires.

Smart !

Compression des fichiers et utilisation de formats modernes

La compression des fichiers et l’utilisation de formats modernes tels que WebP pour les images et Brotli pour les fichiers texte sont des pratiques recommandées pour réduire le poids des ressources et accélérer le temps de chargement des pages de catégorie. En compressant les fichiers, on diminue la bande passante nécessaire pour les transférer, ce qui contribue à améliorer le Cumulative Layout Shift (CLS) en réduisant les mouvements inattendus du contenu pendant le chargement de la page.

En outre, l’utilisation de formats modernes comme WebP permet de fournir des images de haute qualité avec des tailles de fichier plus petites, ce qui est bénéfique pour l’optimisation de la Largest Contentful Paint (LCP) et du First Input Delay (FID).

Surveillance et Mesure des Performances

Vous devez être familier avec certains des outils de suivi des Core Web Vitals tels que Google PageSpeed Insights, Lighthouse, ou Web Vitals Extension pour mesurer et surveiller régulièrement les métriques de performance de vos pages de catégorie spécifiquement (pas seulement la home page!).

Rappelez-vous que les tests de performance en conditions réelles sont essentiels pour évaluer le comportement de vos pages de catégorie dans des situations véritables,  et mesurer l’expérience utilisateur réelle. C’est de cette manière pragmatique et scientifique que vous pourrez détecter les goulets d’étranglement et améliorer efficacement les performances de votre site e-commerce.