Notez chaque balise tierce, puis supprimez, reportez ou déplacez-la côté serveur.

Notez chaque balise tierce, puis supprimez, reportez ou déplacez-la côté serveur.

Plus de 90 % des pages chargent au moins un service tiers, et les 1 000 sites les plus visités enregistrent désormais une médiane de 106 requêtes tierces sur mobile, soit 15 de plus que l’année précédente, selon les données de HTTP Archive. Almanach Web 2025Les scripts représentent la part la plus importante de ces requêtes, soit 24.8 %.

Presque rien de tout cela n'est le fruit d'une décision. C'est arrivé progressivement, une étape à la fois, et personne n'en détient la totalité. Le coût est mesurable : la bibliothèque d'études de cas de Google recense des exemples où Vodafone Italie a amélioré son LCP de 31 % et a bénéficié d'une réduction de ses coûts. 8% de ventes en plus.

Ce guide s'adresse à la personne chargée de corriger les Core Web Vitals et qui ne peut pas supprimer unilatéralement une balise marketing. À la fin, vous disposerez d'un score basé sur cinq critères pour chaque balise tierce présente sur votre site, d'une règle de routage associant chaque score à une action spécifique, et d'une valeur acceptable pour la réunion où il est question d'une balise coûtant 380 ms.

Constituez votre inventaire avant de marquer quoi que ce soit.

Il vous faut deux listes ; aucune n'est complète prise individuellement.

La liste des conteneurs. Exportez votre conteneur Google Tag Manager : balises, déclencheurs et variables, ainsi que leurs propriétaires et conditions de déclenchement. C’est le but recherché.

La liste du réseau. Chargez la page dans les outils de développement Chrome avec le cache désactivé, puis exécutez Lighthouse et consultez l'audit « Réduire l'impact du code tiers ». Vous y trouverez le code réellement exécuté, y compris les balises injectées par d'autres balises, qui n'apparaissent jamais dans l'exportation du conteneur.

Pour chaque tiers figurant sur l'une ou l'autre liste, enregistrez sept champs :

  • Le fournisseur et ses promesses
  • Propriétaire désigné de l'entreprise (une personne, et non un service)
  • taille du transfert de script
  • Temps de blocage du thread principal qui lui est attribuable
  • Qu'il se situe sur le chemin critique de l'élément LCP
  • Sur quels modèles de page cela se déclenche-t-il ?
  • La dernière fois que quelqu'un a pris une décision en se basant sur ces données…

Ce dernier champ est celui que l'on oublie souvent, et pourtant celui qui permet de clore le plus de débats. Évaluation par rapport aux données du champ : les Core Web Vitals sont évalués au niveau du 75e percentile des chargements de pages réelset un laboratoire fonctionnant sur une connexion rapide met en valeur votre configuration.

Les cinq critères de notation

Attribuez à chaque tiers une note de 0 à 3 sur chacun des cinq critères. Plus le total est élevé, plus les motifs de révocation sont solides.

Critère 0 points 1 point 2 points 3 points
Coût du thread principal Moins de 50 ms 50 à 150 ms 150 à 350 ms Plus de 350 ms
Position du chemin critique Incendies après chargement, hors du chemin Asynchrone, sans effet sur LCP Retarde l'élément LCP Blocage du rendu dans <head>
Utilisation démontrée Conduit une décision hebdomadaire Rapport mensuel uniquement Quelqu'un l'ouvre chaque trimestre Aucune utilisation déclarée pendant 90 jours
Remplaçabilité Il n'existe aucun substitut Le kit de développement logiciel du fournisseur est la seule option. La façade ou le chargement différé sont possibles Il existe des équivalents natifs, côté serveur ou de première partie.
Dépendance du consentement Strictement nécessaire, sans consentement Consentement requis, chargements après autorisation Consentement requis, chargements refusés par défaut Consentement requis et autres balises

Deux dérogations s'ajoutent au total :

  1. Un 3 sur les itinéraires démontrés pour tuer, quel que soit le total. Il est inutile de payer pour une étiquette que personne n'utilise.
  2. Un niveau 3 sur les itinéraires de position du chemin critique correspond au moins à la bande 3. Un script bloquant le rendu dans l'en-tête est structurel, aussi précieux soit le fournisseur.

Table de routage

Total Action Approbation requise
0-3 À conserver. Réévaluer dans six mois. Aucun
4-6 Chargement différé ou différé Ingenierie
7-9 Remplacer par une façade ou charger conditionnellement par itinéraire, géolocalisation ou état d'autorisation Ingénierie plus propriétaire de l'étiquette
10-12 Déplacez-le côté serveur ou remplacez-le par un équivalent propriétaire. propriétaire de l'analyse
13-15 Tuez. Présentez le score, pas un avis. gestionnaire du propriétaire de l'étiquette

Au sein d'une bande, le score de remplaçabilité détermine la tactique : un score de 3 signifie qu'il existe un équivalent interne ou côté serveur, il faut donc privilégier cette option plutôt que la solution par défaut de la bande.

La colonne « Signature » ​​est importante car chaque groupe désigne une personne. « Le site est lent à cause des tags » est une plainte. « Ce tag a obtenu 11 points, voici qui l'a validé » est un ticket d'incident.

Un exemple concret

Exemple de processus de paiement en ligne pour une plateforme de taille moyenne. Ces données ne sont pas issues de clients ; elles sont fournies à titre indicatif.

Jour Prix Poste Utilisez le remplacer Consentement Total Itinéraire
Widget de chat en direct 3 2 0 2 1 8 Façade : chargement au clic
Outil de carte thermique hérité 2 1 3 3 2 11 Tuer (Utiliser la commande de remplacement)
balise de conversion publicitaire 1 1 0 3 2 7 Déplacer côté serveur (Remplaceabilité 3)
Plateforme de gestion du consentement 1 3 0 1 0 5 Bande 3 (Remplacement de position) : auditer son comportement bloquant
Fournisseur de polices 1 2 0 3 0 6 Auto-hébergement et sous-ensemble (Remplaçabilité 3)

Le widget de chat est l'exemple à suivre. Il est réellement utilisé et irremplaçable, et il renvoie toujours vers une façade, car la rubrique distingue « en avons-nous besoin ? » de « en avons-nous besoin dans les 2.5 premières secondes ? ».

[INTERNAL DATA NEEDED: replace this composite table with a real anonymised inventory from a Switas engagement — vendor category, measured blocking time, post-change field metric.]

Les trois solutions, classées selon leur fréquence d'efficacité.

Façades. Remplacez un widget intégré par un élément statique qui charge le widget réel lors de l'interaction. Les widgets de chat, vidéo, cartes et avis sont généralement les plus efficaces. C'est la solution la plus rentable dans la plupart des audits, car elle permet de réduire les coûts sans supprimer la fonctionnalité ; c'est pourquoi elle est validée.

Reporter. Utile, mais avec quelques réserves. Chrome abaisse la priorité du réseau of async et defer Les ressources sont donc chargées plus tard que prévu — acceptable pour un pixel, mais pas pour tout ce qui s'affiche. web.dev note également que les intégrations « peuvent bloquer window.onload Si leurs serveurs répondent lentement, même si l'intégration utilise l'asynchrone ou le différé. Le différé déplace le coût ; il ne le supprime pas toujours.

Étiquetage côté serveur. Il faut corriger cela, car ce produit est vendu comme un outil d'optimisation de la vitesse de chargement des pages, alors qu'il n'en est pas un. (Google lui-même) Introduction au balisage côté serveur Ce document décrit la propriété, la mise en forme et le routage des données — « vous seul avez accès aux données sur le serveur jusqu'à ce que vous choisissiez de les envoyer ailleurs » — et ne fait aucune déclaration concernant les performances. Le navigateur exécute toujours du code de mesure et transmet toujours des événements, via les pixels de l'image. fetch, XHR ou un service worker servi par votre domaine de conteneur serveur.

Ce que cela vous apporte, c'est un contexte propriétaire et un contrôle total sur les données qui quittent votre infrastructure. Tout gain de vitesse est un effet secondaire des scripts du fournisseur que vous supprimez lors de la migration. Si un fournisseur promet une amélioration de l'INP grâce au seul balisage côté serveur, demandez-lui quel script cesse de se charger dans le navigateur ; si la réponse est « aucun », il n'y a pas d'amélioration. L'INP est composé de délai d'entrée, durée de traitement et délai de présentationet les scripts augmentent la taille des deux premiers en occupant le thread principal. Modifier l'emplacement d'une requête envoyé Cela n'affecte ni l'un ni l'autre.

Là où la couche de consentement modifie l'arithmétique

Votre plateforme de gestion du consentement est généralement l'élément le plus important de l'inventaire : elle est intégrée à l'en-tête, elle bloque le rendu par conception, et toutes les autres balises en dépendent. Évaluez-la comme n'importe quel autre élément.

Ensuite, choisissez le mode de consentement que vous souhaitez utiliser, car les deux ont des profils de performance différents. Selon les termes de Google, mode de consentement de base Cela signifie que les balises sont « bloquées jusqu'à ce que l'utilisateur interagisse avec une bannière de consentement », tandis que le mode avancé « se charge avec les valeurs par défaut définies sur deniedet envoie des mesures sans cookies avant le consentement. La version de base est plus rapide au chargement initial. Elle consomme également des données : celles de Google. orientations de l'EEE avertit que si vous empêchez le chargement des balises jusqu'à l'interaction avec la bannière, « Google ne pourra pas vérifier les choix de consentement de l'utilisateur et cela peut entraîner une perte de données ».

Ici, une précision régionale s'impose. La Turquie ne faisant pas partie de l'EEE, l'exigence de Google concernant le signal de consentement pour l'EEE ne s'applique pas au trafic turc, contrairement à la législation turque. Le guide de la KVKK sur les pratiques en matière de cookies considère que les cookies analytiques nécessitent un consentement explicite plutôt que d'être strictement nécessaires, exige que les catégories de consentement soient décochées par défaut et que l'option « Tout refuser » soit aussi visible que l'option « Tout accepter ». interdit les murs de cookies.

Pour un détaillant turc ou multimarché, la conséquence pratique est la suivante : activer le mode de consentement de base pour le trafic turc et le mode avancé pour le trafic de l’EEE vous permet de conserver tous vos droits sur les deux marchés. La plupart des plateformes de gestion du consentement (CMP) ne proposent pas cette option par défaut. Il s’agit d’une configuration géographique, et non d’un module complémentaire.

Ce que cette rubrique ne couvre pas

  • Il attribue des scores aux étiquettes, pas aux pages. Une balise inoffensive sur la page d'accueil peut s'avérer désastreuse sur une page de listes qui en charge quarante.
  • Le coût du thread principal n'est pas additif. Supprimer cinq balises de 100 ms ne permet que rarement d'obtenir 500 ms. Mesurez après chaque modification.
  • Il ignore votre propre code. Les tâches longues liées à l'hydratation du framework représentent souvent la plus grande part d'un INP de mauvaise qualité, et aucun audit tiers ne les détectera.
  • Cela ne vous donne que le côté coût. Une balise de 380 ms générant un chiffre d'affaires réellement attribuable mérite d'être conservée.
  • Elle n'a pas d'avis sur la sécurité ou la résidence des données., parfois la véritable raison pour laquelle un vendeur devrait s'y rendre.
  • Les balises superposées sont masquées lors des exportations de conteneurs. En cas de divergence entre les deux listes, fiez-vous à la liste du réseau.

QFP

Comment puis-je mesurer le coût du thread principal pour un prestataire tiers spécifique ? Utilisez le panneau Performances des outils de développement Chrome pour attribuer les tâches longues à l'origine des scripts et vérifiez ces informations avec l'audit Lighthouse « Réduire l'impact du code tiers ». Confirmez avec des données réelles, car un test en laboratoire sous-estime le coût réel.

Le balisage côté serveur améliore-t-il les Core Web Vitals ? Pas à elle seule. La documentation de Google sur le balisage côté serveur décrit le contrôle et le routage des données, et non la vitesse de chargement des pages. De plus, le navigateur continue de charger le code de mesure et de transmettre les événements. Toute amélioration provient des scripts tiers que vous supprimez de la page lors de la migration.

Quels sont les éléments vitaux du Web les plus endommagés par les tiers ? Généralement, le traitement INP est utilisé car les scripts occupent le thread principal et augmentent le délai d'entrée et la durée de traitement. Les balises bloquant le rendu dans l'en-tête utilisent plutôt le traitement LCP, et les bannières ou widgets injectés tardivement utilisent le traitement CLS.

Dois-je héberger moi-même les scripts tiers ? Parfois, mais c'est un compromis. Les copies auto-hébergées cessent de recevoir les mises à jour de l'API du fournisseur et les correctifs de sécurité tant que vous ne les mettez pas à jour manuellement, ce que web.dev considère comme un risque pour les revenus et la sécurité.

Quel devrait être mon objectif ? Au 75e percentile des chargements de pages réels : LCP inférieur ou égal à 2.5 secondes, INP inférieur ou égal à 200 millisecondes, CLS inférieur ou égal à 0.1.

Ai-je besoin du mode de consentement Google si mon trafic est principalement turc ? L'exigence de Google concernant le signal de consentement EEE ne s'applique pas au trafic turc, mais les règles relatives aux cookies de la KVKK, si. Vous devez donc toujours disposer d'un mécanisme de consentement fonctionnel. La différence réside dans le fait que vous avez davantage de liberté pour choisir l'implémentation de base la plus rapide pour ce segment.

À quelle fréquence faut-il réévaluer cette note ? Mise à jour trimestrielle de l'inventaire complet, et à chaque nouvelle version intégrant un fournisseur. Le nombre de balises augmente à nouveau : les chiffres annuels du Web Almanac montrent une hausse des requêtes tierces.

Que faire si le propriétaire de la plaque d'immatriculation refuse ? Envoyez le score et le groupe, pas la polémique. Le barème est là pour que la discussion porte sur un chiffre et une action précise, et non sur la priorité à accorder.


Si vos pages de paiement ou de liste de produits échouent aux tests Core Web Vitals et que vous ne pouvez identifier le fournisseur responsable, exécutez cette grille d'analyse sur votre infrastructure — ou laissez-nous l'exécuter, avec des données de terrain et une liste de tâches priorisées, via Services de performance web Switas.

Références


Articles Relatifs

Switas vu sur

Magnify : Développer le marketing d'influence avec Engin Yurtdakul

Découvrez notre étude de cas Microsoft Clarity

Nous avons mis en avant Microsoft Clarity comme un produit conçu pour répondre à des cas d'utilisation concrets, par des experts produits qui comprennent les défis rencontrés par des entreprises comme Switas. Des fonctionnalités telles que la détection des clics indésirables et le suivi des erreurs JavaScript se sont révélées précieuses pour identifier les frustrations des utilisateurs et les problèmes techniques, permettant ainsi des améliorations ciblées qui ont eu un impact direct sur l'expérience utilisateur et les taux de conversion.