Impact sur les performances
Quelle taille fait le tag ?
Section titled Quelle taille fait le tag ?Le Tag Contentsquare dans sa version standard et compressé a une taille de 135.3 KB, et transféré du CDN Contentsquare vers le navigateur, et compressé par gzip.
La taille du tag augmente avec le nombre d’options que vous activez. Contentsquare optimise toujours la taille des bundle.
Les intégrations custom avec des services tiers peuvent également augmenter la taille du tag.
Combien de temps dure le cache du Tag ?
Section titled Combien de temps dure le cache du Tag ?Le tag Contentsquare est stocké dans le cache local du navigateur pendant 15 minutes, ce qui signifie qu’il n’est en général chargé qu’une seule fois pour une session typique. Au-delà de 15 minutes, le tag sera retéléchargé seulement si une nouvelle version est déployée sur le CDN.
Quel est l’impact du tag sur le chargement des pages ?
Section titled Quel est l’impact du tag sur le chargement des pages ?Le tag Contentsquare doit être exécuté juste après l’événement “load” du Document Object Model (DOM). Notre recommandation est de placer le code dans l’élément <head> de votre page HTML, avec un attribut defer ; le tag sera chargé en asynchrone par le navigateur pendant qu’il continue à parcourir le HTML, et, une fois que le DOM est “prêt”, il exécutera le tag.
Cela signifie également que le tag Contentsquare n’impactera aucune métrique “paint”, telles que such as Time to First Byte (TTFB), First Contentful Paint (FCP) ou Largest Contentful Paint (LCP).
Les seuls métriques potentiellement impactées par le Tag Contentsquare sont Total Blocking Time (TBT), Time to Interactive (TTI) et Interaction to Next Paint (INP). L’impact dépend de la taille du DOM, et de ses “mutations”, lorsqu’il y a des interactions sur la page.
Une page avec un DOM de taille moyenne, et sur laquelle les interactions n’ont que peu d’impact sur le HTML (les “mutations”) aura peu d’impact sur le Total Blocking Time.
Quelques exemples :
- Une station de travail avec une puissance de traitement et une connexion haut débit satisfaisantes, et un navigateur moderne - le tag aura un impact entre 0ms et 50ms.
- Un appareil mobile avec une puissance de traitement moyenne, une connexion 4G, et un navigateur moderne - le tag aura un impact entre 25ms et 100ms.
Si des tests révèlent un impact sur le Total Blocking Time impact plus élevé, cela peut être dû à :
- Un Document Object Model (DOM) volumineux, contenant plus de 2000 nœuds.
- Un nombre de mutations du DOM trop élevé, qui engendre du trafic réseau et donc augmente la charge CPU
- L’appareil utilisé pour les tests est très ancien et a une faible puissance de traitement
- Les tests en émulation sont réalisés sur de vieux appareils (par exemple le
Moto G4), et surestiment l’impact du JavaScript en convertissant les “tâches courtes” en “tâches longues” qui ne s’appliquent pas à un scénario réel.
Quel impact sur les Core Web Vitals ?
Section titled Quel impact sur les Core Web Vitals ?La seule métrique Core Web Vital potentiellement impactée par le tag Contentsquare est le First Input Delay. Il s’agit d’une métrique mesurée par des données utilisateur réelles, et qui est liée à la métrique synthétique Total Blocking Time.
Vous pouvez facilement tracker les scores Core Web Vitals en utilisant la base de données publique Google BigQuery et les tableaux de bord Google Data Studio.
Suivez ces instructions pour le paramétrer pour votre site : https://g.co/chromeuxdash ↗
Quelles métriques de performance peuvent être impactées par le tag ?
Section titled Quelles métriques de performance peuvent être impactées par le tag ?Le tag Contentsquare n’impacte les métriques qu’après avoir été chargé, parsé, et exécuté. Cela signifie qu’il n’a pas d’impact sur les métriques paint comme FCP, LCP ou l’indice de vitesse (Speed Index). Il n’impacte pas non plus les métriques de stabilité comme le Cumulative Layout Shift (CLS).
Voici un tableau récapitulatif des métriques potentiellement impactées par le Tag.
| Nom de la métrique | Impactée par le Tag CS ? |
|---|---|
| Time to First Byte (TTFB) | Non |
| First Meaningful Paint (FMP) | Non |
| Largest Contentful Paint (LCP) | Non |
| Speed Index | Non |
| Cumulative Layout Shift (CLS) | Non |
| Time to Interactive (TTI) | Oui |
| Total Blocking Time (TBT) | Oui |
| Interaction to Next Paint (INP) | Oui |
Combien de requêtes sont générées par le Tag ?
Section titled Combien de requêtes sont générées par le Tag ?Le nombre de requêtes effectuées par le Tag dépend des fonctionnalités activées pour un compte. Si le Session Replay est activé, le Tag effectue plusieurs requêtes pendant qu’un utilisateur navigue sur la page. Ces requêtes sont regroupées et envoyées par batch via des requêtes HTTP POST ou GET.
Si le Document Object Model (DOM) subit des mutations alors que l’utilisateur navigue sur la page, alors des requêtes supplémentaires seront envoyées.
Si la fonctionnalité de capture d’erreurs est activée, une requête supplémentaire par erreur sur la page sera déclenchée.
Quelle est la taille des requêtes envoyées vers Contentsquare ?
Section titled Quelle est la taille des requêtes envoyées vers Contentsquare ?La taille des requêtes envoyées vers l’API Contentsquare varie selon les informations qui sont envoyées. La majorité des requêtes ne dépassent pas les 500 octets.