githubModifier

TagPerformance

La performance d’un site Web est essentielle pour SEO et l’expérience utilisateur; cependant, l’augmentation du nombre de tags utilisés sur les sites Web de nos jours a un impact sur les temps de chargement.

Dans ce contexte, les performance des tags est devenue une question comptent.

Le module “fonctionnalité TagPerformance,” de Commanders Act offre la possibilité de mesurer la performance de votre site en fonction des tags qui y sont placés. Il agit comme un outil complémentaire à ceux utilisés par les équipes IT pour mesurer les temps de chargement des éléments clés des sites Web (images, CSS …)

Les principales fonctionnalités de TagPerformance incluent :

  • Un tag de mesure exécuté sur le navigateur du client final et non par un robot.

  • Analyse des événements START RENDER, DOM READY et DOM LOADED pour mesurer la performance.

  • La possibilité de visualiser les variations significatives des tags et des types de pages, à l’abri du bruit résultant de l’analyse des micro-variations.

  • Informations sur les temps de chargement des solutions partenaires par rapport aux temps de chargement moyens des autres solutions afin de vérifier que les temps de chargement sont corrects.

  • Segmentation des données pour identifier les sources de problèmes, le cas échéant, ou pour se concentrer sur un segment particulier : container, type de page (produit, page d’accueil), device (mobile, tablet, PC), OS et navigateur.

TagPerformance est l’un des modules additionnels pour le produit : Commanders Act si vous souhaitez l’utiliser sur votre(vos) site(s), veuillez contacter votre account manager ou joindre notre Support Department ([email protected])

Métriques

TagPerformance vous permet d’analyser trois événements :

  • START RENDER ou FIRST PAINT: C’est le moment où le premier élément est affiché sur la page.

Cette métrique est essentielle pour les taux de rebond (si les éléments visuels initiaux mettent trop de temps à se charger, les utilisateurs quitteront le site le plus souvent) et le SEO (métrique de « dwell time »).

  • DOM READY: c’est lorsque la structure d’une page est chargée et analysée par le navigateur.

  • PAGE LOADING TIME ou ONLOAD ou DOM LOADED: c’est lorsque le contenu de la page a fini de se charger. Cette métrique est utile pour le SEO.

Ordre de chargement des éléments d’une page Web :

il stocke le titre de la page (à partir de la balise <title> html).

La page A et la page B mettent toutes deux 12 ms pour se charger ; DOM loaded est le même pour les deux. Cependant, les événements Start Render et DOM Ready sont optimisés pour la page A mais pas pour la page B.

Comment ça marche ?

  • La page se charge avec le container Commanders Act.

  • Le container Commanders Act appelle les tags placés sur la page et charge le “Commanders Act – TagPerformance” tag deux secondes après le DOM Loaded événement générique.

  • Le tag “Commanders Act – TagPerformance” capture des informations fournies par le navigateur grâce à la Navigation Timing API, qui est compatible avec 88% des navigateurs existants. Les informations capturées incluent :

  • Informations générales sur la page : Start Render, DOM Ready et DOM Loaded

  • Informations sur chaque tag qui s’exécute sur la page : temps de chargement agrégé des hits avant Start Render, DOM Ready et DOM Loaded se produisent (séparément).

il stocke le titre de la page (à partir de la balise <title> html).

Voici la structure d’une page d’un site Web :

“Tag 1” envoie 4 hits :

  • Un qui se charge avant l’événement Start Render (300 ms)

  • Un qui se charge avant l’événement DOM Ready (400 ms)

  • Un qui commence à se charger avant DOM Ready et finit de se charger pendant l’événement DOM Loaded (600 ms)

  • Un qui se charge après l’événement DOM Loaded (100 ms)

» contient plusieurs champs :“Tag 2” envoie 2 hits :

  • Un qui se charge pendant l’événement Start Render (700 ms)

  • Un qui se charge avant l’événement DOM Loaded (200 ms)

Avec le tag “TagPerformance”, Commanders Act comptera les temps de chargement suivants pour le tag 1 :

  • Temps de chargement agrégé des hits avant l’événement Start Render (300 ms).

  • Temps de chargement agrégé des hits avant l’événement DOM Ready : 1300 ms (les temps de chargement respectifs du premier et du deuxième hit de 300 ms et 400 ms sont conservés et ajoutés au temps de chargement de 600 ms du troisième hit, qui est envoyé pendant l’événement DOM Ready).

  • Temps agrégé des hits avant l’événement DOM Loaded : 1300 ms (tous les temps de chargement des hits sont conservés : 300 ms, 600 ms et 600 ms pour les hits un, deux et trois, respectivement).

  • Temps de chargement total du tag1 (1400 ms)

Le tag “TagPerformance” comptera les temps de chargement suivants pour le tag 2 :

  • Temps de chargement agrégé des hits avant l’événement Start Render (700 ms)

  • Temps de chargement agrégé des hits avant l’événement DOM Ready (700 ms)

  • Temps de chargement agrégé du hit avant l’événement DOM Loaded (900 ms)

  • Temps de chargement total du tag1 (900 ms)

Il comptera également les temps de chargement génériques sur la page :

  • Start Render (700 ms)

  • DOM Ready (2000 ms)

  • DOM Loaded (2800 ms)

Toutes ces données alimenteront les rapports de TagPerformance.

Mis à jour

Ce contenu vous a-t-il été utile ?