Comprendre et optimiser l’impact WebPerf de vos ressources 1st vs 3rd party avec MilleCheck

1st vs 3rd party : les dangers des ressources tierces

Les ressources tierces, tels que les scripts, les styles, les images, les polices et les iframes, sont chargées à partir de serveurs externes et peuvent considérablement affecter les performances d’un site web en termes de vitesse du site. Elles fournissent des fonctionnalités supplémentaires :

• Scripts de suivi et d’analyse (Google Analytics, Facebook Pixel, etc.).
• Publicités et widgets sociaux.
• Polices web (Google Fonts, Adobe Fonts, etc.).
• Bibliothèques et CDN (jQuery, Bootstrap, etc.).
• Services d’authentification ou de chat en direct.

Mais elles introduisent également des risques de sécurité et de confidentialité, ainsi qu’une dépendance vis-à-vis de la disponibilité de ces services externes; d’où l’intérêt de la comparaison 1st vs 3rd party.

Impact sur la performance : ralentissement du site

Ces ressources tierces peuvent ralentir considérablement le temps de chargement des pages en raison des requêtes HTTP supplémentaires, du blocage du rendu et des problèmes de latence. Surtout elles créent une dépendance qui peut entraîner des indisponibilités si ces services tombent en panne ou deviennent inaccessibles (comme la panne de Cloudflare en 2020). En entraînant ainsi de mauvais scores Core Web Vitals, elles peuvent avoir un impact négatif sur le référencement naturel (SEO), la performance d’un site et bien sûr l’expérience utilisateur globale. Or n’oublions pas que votre objectif au-delà de la vitesse d’affichage est de minimiser le taux de rebond et de maximiser le taux de conversion.

L’intérêt de mesurer l’impact 1st vs 3rd party permet de savoir où intervenir et donc à quel interlocuteurs s’adresser.

Impact sur la sécurité : exposition aux attaques et fuite de données

De plus, les ressources tierces peuvent compromettre la sécurité en ouvrant la porte à des attaques XSS ou en divulguant des données utilisateur sensibles en cas de compromission du service tiers. Exemple : En 2018, British Airways a subi un vol de données (380 000 cartes bancaires) via un script tiers compromis sur leur site.

NB : MilleCheck.ai vérifie un certain nombre de bonnes pratiques en matière de sécurité pour prémunir de ces failles de sécurité.

Identifier les domaines : la cartographie de vos dépendances

MilleCheck.ai dresse une liste précise de tous les domaines contactés lors du chargement des pages de votre site internet dans un contexte mobile ou desktop. Cette cartographie met en lumière les dépendances externes de votre site et leur influence sur sa performance. Pour chaque domaine ou DNS, l’outil analyse :

• Le poids total des ressources : Indique la quantité de données transférées depuis ce domaine. Millecheck.ai prend en compte les fichiers HTML, JavaScript, CSS, les images (Jpeg, Png, WebP, Avif,…) et même les vidéos.
• Le nombre de requêtes : Révèle la fréquence des interactions avec le domaine.
• La qualité de la requête : Analyse différents aspects techniques comme la version du protocole HTTP utilisée, le niveau de priorité assigné à la requête par le navigateur, son statut (réussie ou non), ainsi que le TTFB (Time To First Byte) et la latence qui indiquent le temps de réponse du serveur Web.
• Le temps d’exécution : Mesure le temps nécessaire au chargement et à l’exécution des ressources provenant du domaine.

Prefetch et preconnect

Le DNS Prefetching est une technique d’optimisation web permettant d’effectuer la résolution DNS en avance pour des domaines externes, réduisant ainsi la latence lors des requêtes ultérieures. Le preconnect va plus loin en effectuant une connexion complète en anticipant le DNS Lookup, le TLS Handshake (SSL) et l’établissement de connexion TCP.

MilleCheck.ai identifie les directives `dns-prefetch` et `preconnect` présentes dans votre code, et vous indique si les connexions ont été effectivement utilisées par le navigateur lors du chargement de la page. Cette information est précieuse pour évaluer l’efficacité de ces optimisations et affiner votre stratégie de performance. Pour optimiser les performances, il vous faudra soit revoir l’ordre de chargement ou soit les supprimer pour éviter des requêtes inutiles.

1st vs 3rd party par catégorie

Par défaut, MilleCheck.ai considère que toutes les ressources provenant de votre domaine principal sont des ressources internes (1st party). Cependant, si vous faites appel à nos services d’expertise, nous pouvons personnaliser cette classification. Ainsi, certains domaines externes que vous utilisez régulièrement et qui sont essentiels au fonctionnement de votre site pourront être intégrés à la catégorie 1st party, vous offrant une vision encore plus précise de l’impact webperf de chaque ressource sur la performance de votre site.

MilleCheck catégorise les ressources tierces pour une meilleure compréhension de leur rôle et de leur impact :

• CMP (Consent Management Platform) : Gestion du consentement des utilisateurs pour les cookies et autres données.
• Tag Manager : Outils de gestion de balises pour ajouter et gérer des scripts tiers.
• Statistiques : Outils d’analyse de trafic et de comportement des utilisateurs.
• Pub : Publicités et scripts publicitaires.
• Social : Intégration de réseaux sociaux (boutons de partage, flux d’actualités, etc.).
• Marketing : Outils marketing et de suivi de conversion.
• Hébergement : Services d’hébergement de contenu (images, vidéos, etc.).
• Contenu : Contenu intégré provenant d’autres sites (articles, widgets, etc.).
• Vidéo : Intégration de vidéos provenant de plateformes externes (YouTube, Vimeo, etc.).
• CDN (Content Delivery Network) : Réseaux de diffusion de contenu utilisés pour accélérer le chargement des ressources, souvent utilisé pour soulager votre hébergeur.
• Utilitaires : Autres scripts et ressources tiers utilisés pour diverses fonctionnalités.
• Avis Clients : Widgets et scripts pour l’affichage d’avis clients.
• Autres : Catégorie « fourre-tout » pour les ressources tierces qui ne correspondent pas aux catégories précédentes.

Impact WebPerf by artwaï

L’Impact WebPerf (IW), une formule déposée à l’INPI et conçue par artwaï, évalue l’influence de chaque domaine et catégorie de ressources sur la performance web en se basant sur les critères spécifiques suivants :

• Le poids : en plus du temps de chargement qui en dépend, le poids témoigne aussi de la complexité du code à exécuter. Pour chaque domaine, on récupère le ratio du poids (p) de l’ensemble des ressources liées à ce domaine par rapport au poids total de la page (Tp).
  
  Soit p/Tp. Coefficient : 1
• L’Indice de Requêtes (IR) : Au-delà du nombre de requêtes, nous déterminons la qualité de chaque requête par une valeur allant de 1 à 9. Plus cette valeur est grande, plus son impact est important. Nous appelons cette valeur “indice de requête” ayant une valeur de base égale à 1. Pour chacun des critères suivants, nous ajoutons à cette valeur un nombre de points correspondants à son impact en termes de webperf.
  • Version du protocole http inférieur à 2 : +1
  • Bloque le rendu de la page : +2
  • Erreur 40X ou 50X : +1
  • Requête injectée par script : +1
  • Priorité Highest : +2
  • Priorité High : +1
  • TTFB supérieur  à 1s : +1

  Pour chaque domaine, on récupère le ratio des indices de requêtes (ir) de la somme des indices de toutes les ressources liées à ce domaine par rapport à la somme de tous les indices des requêtes de la page (Tir).
  
  Soit ir/Tir. Coefficient : 1

• Le temps d’exécution : Pour chaque requête, généralement un fichier javascript, nous pouvons mesurer le temps d’exécution en millisecondes mis par le navigateur pour effectuer les tâches qui lui incombent au chargement. Ce temps est appelé “cpu time”. Pour chaque domaine, on récupère le ratio de la somme des durées d’exécution (ct) de toutes les ressources liées à ce domaine par rapport à la somme de toutes les durées d’exécution des requêtes de la page (Tct).
  
  Soit ct/Tct. Coefficient : 1
• Le Blocking time : Le blocking time mesure des périodes de temps durant lesquelles des tâches dépassant les 50 ms s’accumulent, entraînant une incapacité du navigateur à répondre aux interactions. Le TBT pour Total Blocking Time est la somme de toutes ces périodes et est un indicateur suivi par Google.
  
  Pour chaque domaine, on récupère le ratio de la somme des durées de ces périodes (bt) de toutes les ressources liées à ce domaine par rapport à la somme des toutes les durées des périodes des requêtes de la page (Tbt).
  
  Soit bt/Tbt. Coefficient : 2

La formule

Ce qui nous donne, pour un domaine ou un ensemble de ressources identifiées, la représentation de l’impact webperf (IW) exprimé en pourcentage, via la formule suivante :

MilleCheck utilise cette formule pour calculer l’Impact WebPerf 1st vs 3rd party pour chaque catégorie de ressources tierces. Ces informations vous permettent d’évaluer la rapidité de chaque domaine et de repérer rapidement les catégories qui ont le plus d’impact sur la performance de votre site et qui nécessitent une attention particulière.

En bonus sur MilleCheck…

Tous les tableaux de résultats de MilleCheck.ai sont triables, ce qui vous permet d’organiser les noms de  domaines ou les catégories de ressources en fonction de l’impact sur la performance (IW), l’indice de requêtes (IR), le poids ou le nombre de requêtes. Vous pouvez ainsi identifier rapidement les éléments à optimiser en priorité.

Enfin, nous pouvons aussi tester chaque page en acceptant ou pas les cookies. Les résultats sont souvent très différents. Sans les cookies, nous testons l’UX de la première visite d’un utilisateur ; avec les cookies, celle d’un utilisateur récurrent.

MilleCheck.ai prend déjà en charge de manière automatique Didomi, FastCmp, Sirdata, Complianz, Sourcepoint, etc.

Tester et améliorer le ratio 1st vs 3rd party

Grâce à une analyse détaillée des ressources 1st et 3rd party et à notre formule exclusive de l’Impact WebPerf, vous pouvez afficher les performances des éléments qui ralentissent votre site et décider des actions pour optimiser sa vitesse. Vous pouvez alors prendre des décisions éclairées pour améliorer la vitesse de chargement et l’expérience utilisateur, en limitant l’impact des ressources tierces sur votre site.

De plus, avec un monitoring quotidien, vous pouvez obtenir un suivi régulier de l’évolution de l’impact webperf des services tiers sur vos sites internet. La rapidité d’analyse de MilleCheck.ai fournit des recommandations précises au développeur du site et donc de lui redonner de la bande passante pour traiter les fonctionnalités métiers.

Vous souhaitez aller plus loin et mettre en place des solutions concrètes ? Les experts Artwaï sont là pour vous accompagner et vous proposer des recommandations personnalisées pour booster les performances de votre site et offrir une expérience utilisateur optimale.

Testez MilleCheck gratuitement

pour découvrir comment optimiser l’impact WebPerf de vos ressources 1st et 3rd parties.

ou

Contactez-nous

pour planifier un diagnostic gratuit de votre site avec un de nos experts.