Soutien

Optimisez votre site pour les éléments essentiels du Web

Pour vous aider à optimiser votre site Web pour les Core Web Vitals de Google, nous avons identifié plusieurs domaines problématiques potentiels et comment les mettre à jour pour améliorer vos scores Core Web Vital. Pour plus d'informations sur ce que mesure chacun des Core Web Vitals, comment mesurer et les scores idéaux, consultez Google sur Core Web Vitals.

Widgets personnalisés et lourds

Les widgets personnalisés et lourds peuvent être lents car ils chargent le contenu d'un service tiers, ce qui nécessite l'appel d'une API externe pour récupérer puis charger le contenu.

Note

Tous les widgets personnalisés ne sont pas lents à charger. Cela dépend de la manière dont le widget personnalisé a été créé.

Widgets lourds : carte, flux Twitter, Facebook Like, flux/page Facebook, commentaires Facebook, audio (Soundcloud, Mixtape), vidéo (personnalisée, Youtube, Vimeo), galerie de photos, curseur d'image, animations Lottie, multi-emplacement, calendrier Google , et Disqus.

Comment réparer

Pour améliorer vos scores Core Web Vitals :

Supprimez les widgets personnalisés/lourds de la zone supérieure de votre page et déplacez-les plus bas. Cela les empêche d'avoir un impact négatif sur CLS et FID en chargeant puis en poussant le contenu en dessous d'eux plus bas sur la page. Évitez d'ajouter plusieurs widgets personnalisés/lourds sur la même page. Chaque widget a des temps de chargement différents, ce qui peut diminuer le LCP. Si un widget personnalisé est à l'origine d'un FID, vous pouvez demander à votre développeur d'améliorer la façon dont le contenu est rendu et récupéré en utilisant des techniques telles que le chargement asynchrone, la récupération de données à partir du thread principal, et plus.

commerce électronique

Store est chargé dynamiquement avec JavaScript. Cela peut affecter CLS car le Store prend plus de temps à charger que le reste du contenu de la page. Pour cette raison, nous vous recommandons de déplacer le Store plus bas sur la page plutôt qu’en haut.

Comment réparer

Pour améliorer vos scores Core Web Vitals :

Ajoutez du contenu au-dessus du Store au lieu de placer le Store en haut de la page Store. Cela garantit que le magasin se trouve en dessous du pli. Créez vos propres pages de catégorie ou utilisez le widget Galerie de produits du magasin pour créer des pages de catégorie. Les images natives et les éléments de la galerie de photos se chargent plus rapidement que le Store, car ils ont moins de contenu et de code à restituer avant d'être affichés.

Polices

Les polices Web peuvent ralentir votre site Web, car le navigateur doit télécharger et charger la famille de polices complète pour chaque combinaison de police et d'épaisseur. Les polices sont automatiquement téléchargées et intégrées dans le HTML, jusqu'à 50 Ko. Cela accélère la rapidité avec laquelle votre navigateur restitue les polices personnalisées et contribue à empêcher CLS. Cependant, cela ne suffit pas toujours et c’est pourquoi nous recommandons d’utiliser au maximum deux familles de polices différentes et seulement quelques épaisseurs de chacune.

Comment réparer

Pour améliorer vos scores Web Vitals :

Si plus de deux polices sont appliquées, supprimez-les d’éléments ou de widgets spécifiques de votre site Web. Utilisez des polices globales pour appliquer uniquement les polices et les épaisseurs dont vous avez besoin. Une fois cette opération terminée, seules les polices nécessaires à l'affichage correct du texte sont téléchargées.

Gestionnaire de balises Google

Google Tag Manager peut télécharger des bibliothèques et du code supplémentaires dont vous n'avez pas besoin, ce qui peut diminuer le LCP.

Comment réparer

Pour améliorer vos scores Web Vitals :

Si possible, supprimez Google Tag Manager. Si vous ne disposez que d'une ou deux technologies de suivi, cela ne vaut peut-être pas la peine d'implémenter Google Tag Manager. Si vous implémentez Google Tag Manager, suivez notre guide de suivi Google Tag Manager. Cela permet de garantir que le code de suivi se charge correctement et ne ralentit pas le site. Ne placez pas Google Tag Manager en tête du site Web. Cela le charge en premier, avant les autres éléments importants du site.

Images et vidéos de fond

Les images et les vidéos d’arrière-plan constituent généralement l’actif le plus important téléchargé par les navigateurs sur votre site. Lorsqu'il y a trop d'images, une grande image au-dessus de la ligne de flottaison ou une vidéo, cela peut entraîner un retard dans LCP et une augmentation de CLS car le navigateur doit télécharger les éléments avant de pouvoir les restituer. Cela se produit généralement avec de grandes images/vidéos d’arrière-plan, des diaporamas d’images, des images d’arrière-plan avec une autre image en haut ou avec plusieurs grandes images alignées en haut de la page.

Note

Par « grande image », nous entendons une image qui occupe la majorité de la largeur de la page.

Comment réparer

Pour améliorer vos scores Web Vitals :

Utilisez une seule image au-dessus de la ligne de flottaison. Si vous avez besoin de plusieurs images au-dessus de la ligne de flottaison, réduisez la taille de l'image à une icône ou une vignette. Déplacez les vidéos d'arrière-plan et les diaporamas plus bas sur la page. Si vous avez besoin d'un diaporama, limitez-le à trois images ou moins.

Horaires du service client

Du lundi au vendredi, de 9h à 21h (CT)

Samedi, de 9h à 18h (CT)

(Chat non disponible le samedi)

Les bureaux d'iClassPro seront fermés à l'occasion des jours fériés suivants : Nouvel An 2024 (1er janvier 2024), Vendredi Saint (29 mars 2024), Memorial Day (27 mai 2024), Jour de l'Indépendance (4 juillet 2024) Fête du Travail. (2 septembre 2024), Thanksgiving (28 et 29 novembre 2024), Noël (24 et 25 décembre 2024)

Visitez la page de support client