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 temps de mise en cache élevé
Vous pouvez définir la durée pendant laquelle les scripts sont mis en cache sous Menu > CMP > Autre. La valeur par défaut ici est de 30 minutes. En utilisant des valeurs plus élevées, vous autorisez une mise en cache plus longue et évitez aux utilisateurs de devoir redemander les codes trop souvent.
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 unique
- 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 unique
- Ne pas utiliser consentmanager Mode de mise en page "Push down" (CMP > Conceptions > Paramètres de la boîte) 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
- Si la vitesse de chargement est essentielle, nous vous recommandons de ne pas utiliser d'importations (variable de configuration cmp_waitforimport) et de définir la portée du consentement sur un consentement spécifique au domaine (Menu > CMP > Paramètres légaux > Portée du consentement)
- Évitez les designs avec des images d'arrière-plan (par exemple, des designs avec des illustrations de cookies)
- Réduisez la taille du texte le plus volumineux en utilisant plusieurs
<div>or<p>éléments au lieu d'un gros texte - 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.
Interaction avec la peinture suivante (INP)
INP décrit le temps dont le navigateur a besoin pour calculer entre l'interaction de l'utilisateur (par exemple cliquer sur accepter) et le moment où l'interface réagit. Dans ton consentmanager configuration, cela est principalement influencé par a) le nombre de fournisseurs et b) les options de conception que vous utilisez. Voici quelques recommandations afin d’augmenter la valeur INP :
- Utilisez le moins de fournisseurs possible
- Regroupez les fournisseurs de manière égale par objectif (par exemple, il est plus rapide d'utiliser 10 fournisseurs pour 10 objectifs que 100 fournisseurs regroupés en 1 objectif).
- Évitez de basculer l'animation en n'affichant pas les bascules sur le premier calque (afficher uniquement le texte/la liste) ou en désactivant l'animation via Menu > CMP > Paramètres généraux et en réglant l'animation sur 0 :
- Utilisez une conception qui n'affiche pas les fournisseurs sur la première couche (par exemple, pas de liste de fournisseurs étendue sur la première couche)
- Utilisez une conception qui affiche uniquement une partie des fournisseurs sur la deuxième couche (couche de préférences). Vous pouvez définir cela dans les paramètres de conception en agrandissant la case "Page Paramètres personnalisés" > Menu. Utilisez un design avec un menu et évitez les designs sans menu ou les designs avec carrousel étendu.
