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>
or <head>
Étiquette.
Utiliser la préconnexion
Afin de réduire les temps de connexion, vous pouvez ajouter le code suivant à votre <head>
:
<link rel="preconnect" href="https://delivery.consentmanager.net">
<link rel="preconnect" href="https://cdn.consentmanager.net">
Veuillez noter : 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 down" (CMP => Designs => Box settings) 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.)
- Utilisez 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
- Vous pouvez définir Menu > Designs > Modifier > Comportement de sorte que le calque n'apparaisse qu'après x secondes et/ou au déplacement de la souris. Cela peut aider à gérer le LCP.