Information
du Paquet

Comment optimiser PageSpeed ​​lors de l'utilisation consentmanager?

Si vous utilisez (n'importe quelle) bannière de cookie sur votre site Web, la vitesse du site Web sera réduite en raison de la quantité de scripts supplémentaires qui doivent être chargés. Voici quelques conseils pour améliorer la vitesse de votre page :

Optimisation technique

Utiliser un code de blocage semi-automatique

Le CMP vous propose deux versions de code : Code de blocage automatique et semi-automatique/manuel. Le code de blocage semi-automatique se charge de manière asynchrone et aura donc un impact moindre sur les performances de votre page. Nous vous recommandons toujours le code de blocage semi-automatique.

Ajouter le code directement dans la page

Il est toujours recommandé d'ajouter le code CMP directement au code de votre site Web au lieu d'ajouter le code CMP via un TagManager ou similaire. L'utilisation d'un gestionnaire de balises retardera le chargement de la page d'environ 200 à 500 ms et affectera donc négativement vos scores CLS/LCP (voir ci-dessous).

Placez le code CMP le plus tôt possible dans votre site Web

Pour que le CMP se charge rapidement, vous devez ajouter le code CMP le plus tôt possible dans votre <body> Étiquette.

Utiliser la préconnexion

Afin de réduire les temps de connexion, vous pouvez ajouter le code suivant à votre <head>:

Veuillez noter que Selon les paramètres de votre compte, les URL utilisées par votre CMP peuvent être différentes. Veuillez vous assurer de toujours ajouter le sous-domaine complet (egadelivery.consentmanager.net) en tant que préconnexion.

Optimisation de la conception

Changement de disposition cumulatif (CLS)

Pour le moteur de recherche Google, le Cummulative Layout Shift (CLS) est un facteur de classement pertinent. Afin de réduire l'impact du CMP sur votre site Web, nous vous recommandons ce qui suit :

  • N'utilisez pas de polices externes (mais uniquement des fichiers de polices auto-hébergés si nécessaire) dans votre CSS personnalisé de votre consentmanager conception
  • N'utilisez pas d'images externes (ou d'images) dans votre code HTML personnalisé de votre consentmanager conception. Si possible, utilisez des images SVG en ligne afin d'éviter un téléchargement supplémentaire du fichier image.
  • N'utilisez pas de CSS externe (@règles d'import) dans votre CSS personnalisé de votre consentmanager conception
  • Ne pas utiliser consentmanager Mode de mise en page "Push banner" qui apparaîtra en haut de la fenêtre

La plus grande peinture contentieuse (LCP)

Semblable à CLS (ci-dessus), le LCP est un autre facteur de classement. Afin de réduire l'impact du CMP sur votre site Web, nous vous recommandons ce qui suit :

  • Suivez les recommandations techniques ci-dessus (placement du code, préconnexion, etc.)
  • Utiliser mode proxy en marque blanche lorsque c'est possible
  • Essayez de concevoir la couche de consentement pour utiliser le moins d'espace possible (généralement uniquement possible avec les mises en page de bureau)
  • Définissez les paramètres CMP pour afficher uniquement la couche de consentement dans les pays de l'UE/EEE afin de réduire l'impact du LCP dans d'autres pays
Retour en haut de la page