Dernière mise à jour le 15 juin 2026 à 08:23
Souhaitez-vous suivre les temps de chargement des pages de GA4 ? L’absence de données sur la « vitesse du site » dans GA4 peut dérouter les utilisateurs d’Universal Analytics. GA4 ne fournit pas de données sur la vitesse ou le temps de chargement des pages. GA4 peut fournir des mesures de temps de chargement. Utilisons Google Tag Manager pour enregistrer les temps de chargement des pages dans Google Analytics.
Pour continuer, assurez-vous que vous avez mis en œuvre Google Tag Manager (GTM) et que vous avez mis en place une balise de configuration GA4 dans votre conteneur GTM. Il convient de noter que la mise en œuvre de GA4 via GTM n’est pas obligatoire. Il est possible de surveiller la vitesse des pages via GTM dans GA4, à condition que la balise GA4 ait été initialement installée directement dans le backend du site web.
Étape 1 : Variable
Pour accéder au backend du Tag Manager, veuillez vous rendre sur https://tagmanager.google.com/ et vous connecter. Accédez au segment Variables situé sur le côté gauche. Pour créer une nouvelle variable JavaScript personnalisée, accédez aux Variables définies par l’utilisateur et sélectionnez le bouton « Nouveau ».
Pour configurer la variable, sélectionnez « Configuration de la variable » et choisissez « Custom JavaScript » comme type de variable.
La variable peut être renommée « Temps de chargement de la page » et le code peut être incorporé dans le JavaScript personnalisé.
Code JavaScript personnalisé :
function() {
if (window.performance && window.performance.getEntriesByType) {
var entries = window.performance.getEntriesByType("navigation");
if (entries.length > 0) {
var navTiming = entries[0];
var pageLoadTime = navTiming.loadEventEnd - navTiming.startTime;
return Math.round(pageLoadTime / 100) / 10;
}
}
}
Étape 2 : Déclencheurs
Pour créer un nouveau déclencheur, accédez à la section « Déclencheurs » et sélectionnez le bouton « Nouveau ».
Pour configurer le déclencheur, sélectionnez « Window Loaded » dans la catégorie « Page View » après avoir cliqué sur « Trigger Configuration ».
Le déclencheur peut être renommé « Page chargée » et sauvegardé par la suite.
Un deuxième déclencheur sera créé. La balise événementielle GA4 sera conditionnée par un déclencheur qui limite son déclenchement aux cas où la variable JavaScript personnalisée renvoie une valeur supérieure ou égale à zéro.
Pour créer le deuxième déclencheur, accédez à la section « Tiggers » située sur le côté gauche et sélectionnez le bouton « Nouveau ». Sélectionnez « Événement personnalisé » comme type de déclencheur actuellement requis.
La configuration de l' »événement personnalisé » peut être lancée en cliquant dessus. Il est recommandé d’assigner le nom de l’événement sous la forme d’une expression régulière « .* » et d’utiliser la correspondance regex. Choisissez « Certains événements personnalisés » comme option de déclenchement. Sélectionnez l’indicateur « Temps de chargement de la page » précédemment configuré et appliquez la condition « inférieur à 0 ». Enfin, le déclencheur peut être renommé « Temps de chargement de la page inférieur à 0 » et sauvegardé.
Étape 3 : Étiquetage
Une fois la variable JavaScript personnalisée mise en place pour capturer le temps de chargement de la page et les déclencheurs configurés, l’étape suivante consiste à générer la balise d’événement GA4. La mise en œuvre de cette balise facilitera la transmission des données relatives au temps de chargement des pages à Google Analytics 4.
Pour créer un nouveau tag, accédez à la section « Tags » et sélectionnez le bouton « Nouveau ».
Pour configurer la balise, sélectionnez « Configuration de la balise » et choisissez « Google Analytics : GA4 Event » comme type de balise.
La première étape consiste à sélectionner la balise de configuration. L’option « None-Manually Set ID » peut être choisie dans le cas où la balise GA4 a été implémentée directement dans le backend du site web au lieu du GTM. L’ID de la mesure peut être saisi manuellement. Le nom de l’événement peut être désigné comme « page_load_time ». L’étape finale consiste à saisir « loading_time_sec » dans le champ « Parameter Name » et « {{Page Load Time}} » dans le champ « Value ».
Sélectionnez « Déclenchement » et désignez le « Chargement de la page » précédemment établi comme « Déclencheurs de tir ». Ensuite, sélectionnez le « Temps de chargement de la page inférieur à 0′ » qui a été défini précédemment comme « Exceptions ».
Étape 4 : Paramètres
Après la création de l’événement page_load_time personnalisé, l’étape suivante consiste à enregistrer le paramètre loading_time_sec dans GA4. L’accès à l’autorisation d’édition ou d’administration dans Google Analytics est nécessaire pour effectuer cette tâche. En accédant à la section « Admin » et en sélectionnant « Définitions personnalisées », nous pourrons générer une nouvelle mesure personnalisée qui incorpore la valeur du paramètre pour l’utiliser dans nos rapports.
Étape 5 : Test et publication
La mesure finale consiste à évaluer la balise, les déclencheurs et la variable dans votre conteneur GTM. La plateforme GA4 reçoit la valeur du temps de chargement de la page.
Une fois les étapes nécessaires franchies, le conteneur peut être publié. Le temps de chargement des pages sera suivi dans le GA4 à l’avenir.
Étape 6 : Utilisation de Looker Studio
Pour commencer, générez un rapport et établissez une connexion entre votre propriété GA4 et Looker Studio. Veuillez procéder à la génération d’un tableau et à l’incorporation de votre dimension préférée basée sur les pages. La métrique ‘Page Path’ a été utilisée, bien que d’autres options soient également disponibles. Deux métriques potentielles à considérer sont « Count Page Load Time » et « Average Page Load Time ».
Un filtre doit être ajouté au graphique pour tenir compte des cas où des pages ont été consultées sans que la balise du temps de chargement de la page ait été déclenchée. En cas de modification du déclencheur, il est recommandé d’exclure le déclenchement sur chaque page, en cas d’erreur ou si le temps de chargement de la page est évalué à zéro seconde ou moins.
Un filtre peut être généré et implémenté sur le graphique via Looker Studio.
Analyse des données relatives au temps de chargement des pages
Lors de l’analyse des données relatives au temps de chargement des pages, il est conseillé de prendre en compte les facteurs suivants :
Effectuer une analyse pour identifier les pages web dont le temps de chargement est lent. Identifiez les pages web qui présentent des temps de chargement supérieurs à la durée moyenne de votre site web. Il est recommandé d’optimiser ces pages afin d’améliorer l’expérience de l’utilisateur et de réduire le taux de rebond.
Analyser les pages à fort trafic. Il est recommandé de donner la priorité aux efforts d’optimisation des pages web qui présentent un volume de trafic élevé, car elles ont tendance à avoir un effet plus prononcé sur les performances globales et l’expérience de l’utilisateur du site web.
Intégrer le retour d’information des utilisateurs dans le processus d’analyse. L’analyse des enquêtes et des commentaires des utilisateurs peut aider à identifier les pages ou les éléments particuliers qui pourraient nuire à l’expérience de l’utilisateur en raison de la lenteur des temps de chargement.
Recommandations pour optimiser la vitesse de chargement des pages
Les recommandations suivantes peuvent être mises en œuvre pour améliorer les temps de chargement des pages :
Optimiser les images. Optimisez la taille des fichiers et sélectionnez le format optimal (WebP, JPEG ou PNG) en fonction du contenu et de la compatibilité du navigateur.
Optimiser la taille des ressources grâce à des techniques de minification et de compression. Appliquer des techniques de réduction de la taille des fichiers telles que la minification des fichiers HTML, CSS et JavaScript en éliminant les caractères redondants. En outre, utilisez la compression gzip pour réduire davantage la taille des fichiers.
Optimiser les performances des sites web en mettant en œuvre la mise en cache des navigateurs. Définir des protocoles de mise en cache pour permettre aux navigateurs web de mettre en cache et de réutiliser les ressources précédemment recherchées, réduisant ainsi la durée de chargement des pages.
Utiliser un réseau de diffusion de contenu (CDN). Les réseaux de diffusion de contenu (CDN) facilitent la distribution du contenu sur différents serveurs, améliorant ainsi l’accessibilité des utilisateurs en fonction de leur situation géographique.
Grâce à l’examen des mesures du temps de chargement des pages dans Google Analytics et à la mise en œuvre de tactiques d’optimisation, il est possible d’améliorer la fonctionnalité du site web et l’expérience de l’utilisateur. Cela peut se traduire par une augmentation de l’engagement et des taux de conversion.