{"id":15397,"date":"2021-04-01T19:11:49","date_gmt":"2021-04-01T19:11:49","guid":{"rendered":"https:\/\/www.dotcom-monitor.com\/blog\/2021\/04\/01\/surveillance-du-contenu-par-des-tiers\/"},"modified":"2021-04-01T19:11:49","modified_gmt":"2021-04-01T19:11:49","slug":"surveillance-du-contenu-par-des-tiers","status":"publish","type":"post","link":"https:\/\/www.dotcom-monitor.com\/blog\/fr\/surveillance-du-contenu-par-des-tiers\/","title":{"rendered":"Surveillance du contenu par des tiers"},"content":{"rendered":"<p>La plupart des sites Web qui existent aujourd\u2019hui s\u2019appuient sur des \u00e9l\u00e9ments tiers sous une forme ou une autre. Par exemple, il existe de nombreux services pour recueillir des analyses sur le trafic du site tels que Google analytics, mais afin de fonctionner correctement, ils vous obligent \u00e0 charger un petit script dans le cadre de chaque page Web comme www.google-analytics.com\/analytics.js. Il s\u2019agit d\u2019un petit fichier JavaScript qui s\u2019appelle lorsqu\u2019une page se charge. Ce fichier JavaScript permet \u00e0 Google d\u2019enregistrer le trafic utilisateur sur l\u2019ensemble d\u2019un site Web. La plupart du temps, ce fichier se charge tr\u00e8s rapidement et efficacement, et souvent il est d\u00e9j\u00e0 encaiss\u00e9 sur le navigateur local parce que c\u2019est un fichier si commun, mais si quelque chose ne va jamais avec les serveurs h\u00e9bergeant le script, il pourrait finir par avoir un impact n\u00e9gatif sur les vitesses de chargement de la page de votre site Web.<\/p>\n<p>Il ya un certain nombre de raisons pour lesquelles vous pouvez utiliser des donn\u00e9es ou des fichiers h\u00e9berg\u00e9s sur des serveurs tiers, peut-\u00eatre les fichiers ou les scripts sont mis \u00e0 jour souvent et vous voulez \u00eatre s\u00fbr que vous avez la derni\u00e8re version. Peut-\u00eatre que les scripts aident \u00e0 recueillir des donn\u00e9es pour vous comme Google Analytics le fait. Peut-\u00eatre essayez-vous d\u2019optimiser la vitesse de chargement des pages pour tous les utilisateurs dans divers endroits g\u00e9ographiques en utilisant un r\u00e9seau de distribution de contenu (CDN).<\/p>\n<h2 id='surveillance-des-performances-du-cdn'  id=\"boomdevs_1\">Surveillance des performances du CDN<br \/>\n<!--more--><\/h2>\n<p>Les r\u00e9seaux de distribution de contenu sont g\u00e9n\u00e9ralement de tr\u00e8s grandes organisations avec des serveurs dans de nombreux centres de donn\u00e9es \u00e0 travers le monde, g\u00e9n\u00e9ralement tr\u00e8s pr\u00e8s ou m\u00eame dans les installations dorsales internet. Lorsqu\u2019un utilisateur final demande du contenu h\u00e9berg\u00e9 par un CDN, la demande est achemin\u00e9e vers le serveur CDN le plus proche de l\u2019utilisateur, ce qui pourrait r\u00e9duire de plusieurs milliers de millisecondes le temps de transfert de chaque \u00e9l\u00e9ment de la page \u00e0 mesure que le nombre de sauts sur Internet diminue consid\u00e9rablement.<\/p>\n<h2 id='accords-de-niveau-de-service-cdn-al'  id=\"boomdevs_2\">Accords de niveau de service CDN (AL)<\/h2>\n<p>Lorsque vous payez un CDN pour h\u00e9berger le contenu de votre site Web, il est dans votre int\u00e9r\u00eat de vous assurer qu\u2019ils adh\u00e8rent aux AS promis. L\u2019essentiel est que vous perdrez des visiteurs du site si le site ne fonctionne pas aussi vite que possible, ou si le contenu ne se charge pas. Dotcom-Monitor a plus de 23 emplacements \u00e0 travers le monde \u00e0 partir de laquelle vous pouvez surveiller les performances de votre contenu h\u00e9berg\u00e9 CDN. Il existe des rapports SLA que vous pouvez g\u00e9n\u00e9rer pour afficher la disponibilit\u00e9 du contenu h\u00e9berg\u00e9 par CDN \u00e0 l\u2019aide de filtres de contenu pour vous concentrer sp\u00e9cifiquement sur les \u00e9l\u00e9ments h\u00e9berg\u00e9s par CDN.<\/p>\n<h2 id='utilisation-d-images-du-web'  id=\"boomdevs_3\">Utilisation d\u2019images du Web<\/h2>\n<p>Le r\u00e9f\u00e9rencement de contenus tels que des images sur des serveurs externes sert \u00e9galement \u00e0 limiter l\u2019utilisation de la bande passante sur vos propres serveurs parce que le contenu n\u2019est pas tir\u00e9 sur Internet \u00e0 partir de votre serveur, mais \u00e0 partir du serveur d\u2019h\u00e9bergement. Cela a \u00e9t\u00e9 une tactique populaire pour les petits sites Web avec des budgets limit\u00e9s, mais cette technique peut \u00e9galement avoir ses inconv\u00e9nients. Si l\u2019h\u00f4te d\u2019origine de l\u2019image modifie jamais l\u2019image, vous pouvez involontairement finir par afficher une image diff\u00e9rente que vous n\u2019aviez pas l\u2019intention de voir \u00e0 vos utilisateurs.<\/p>\n<h2 id='outils-tiers-de-surveillance-du-contenu'  id=\"boomdevs_4\">Outils tiers de surveillance du contenu<\/h2>\n<p>La suite d\u2019outils de surveillance Dotcom-Monitor comprend plusieurs outils utiles pour surveiller les vitesses de chargement des pages et des \u00e9l\u00e9ments ainsi que pour diagnostiquer les probl\u00e8mes apr\u00e8s qu\u2019un probl\u00e8me a \u00e9t\u00e9 d\u00e9tect\u00e9.<\/p>\n<p>L\u2019utilisation de BrowserView pour surveiller le contenu tiers sp\u00e9cifique est aussi simple que la mise en place d\u2019une t\u00e2che de surveillance et l\u2019ajout d\u2019un filtre d\u2019\u00e9l\u00e9ment r\u00e9seau bas\u00e9 sur le domaine. Vous pouvez configurer un filtre pour surveiller des \u00e9l\u00e9ments tr\u00e8s sp\u00e9cifiques ou vous pouvez configurer un filtre plus large pour surveiller tous les \u00e9l\u00e9ments d\u2019un domaine ou d\u2019une sous-main sp\u00e9cifique.<\/p>\n<h3 id='diagnostiquer-les-ralentissements-et-les-probl\u00e8mes-\u00e0-l-aide-des-graphiques-des-chutes-d-eau'  id=\"boomdevs_5\">Diagnostiquer les ralentissements et les probl\u00e8mes \u00e0 l\u2019aide des graphiques des chutes d\u2019eau<a href=\"https:\/\/www.dotcom-monitor.com\/wp-content\/uploads\/sites\/3\/2015\/06\/performance-waterfall-chart.gif\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignright size-medium wp-image-13478\" src=\"https:\/\/www.dotcom-monitor.com\/wp-content\/uploads\/sites\/3\/2015\/06\/performance-waterfall-chart-300x193.gif\" alt=\"3\u00e8me partie-performance-cascade-graphique\" width=\"300\" height=\"193\" srcset=\"https:\/\/www.dotcom-monitor.com\/blog\/wp-content\/uploads\/sites\/3\/2015\/06\/performance-waterfall-chart-300x193.gif 300w, https:\/\/www.dotcom-monitor.com\/blog\/wp-content\/uploads\/sites\/3\/2015\/06\/performance-waterfall-chart-768x494.gif 768w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/h3>\n<p>Parfois, une vitesse de chargement de site Web peut ralentir consid\u00e9rablement, mais sur une p\u00e9riode intermittente. C\u2019est un probl\u00e8me parce qu\u2019il est difficile de voir la cause du probl\u00e8me et de le diagnostiquer. Avec la surveillance du site Web, nous capturons de nombreux composants diff\u00e9rents de la vitesse de chargement des pages jusqu\u2019aux diff\u00e9rents \u00e9l\u00e9ments.<\/p>\n<p>Il y a un certain nombre d\u2019\u00e9tapes dans le processus de t\u00e9l\u00e9chargement de chaque \u00e9l\u00e9ment. Tout d\u2019abord, le navigateur doit r\u00e9soudre l\u2019enregistrement DNS \u00e0 une adresse IP, ensuite une connexion doit \u00eatre faite avec succ\u00e8s sur le serveur d\u2019h\u00e9bergement. Si les \u00e9l\u00e9ments sont s\u00e9curis\u00e9s, il doit n\u00e9gocier le certificat SSL. Ensuite, il envoie les demandes pour les \u00e9l\u00e9ments individuels et attend de recevoir le premier paquet en r\u00e9ponse. Enfin, il y a le temps qu\u2019il faut pour t\u00e9l\u00e9charger compl\u00e8tement chaque \u00e9l\u00e9ment. Chacune de ces \u00e9tapes sont enregistr\u00e9es individuellement et affich\u00e9es dans le tableau d\u00e9taill\u00e9 des chutes d\u2019eau, de sorte que vous pouvez voir en un coup d\u2019\u0153il les \u00e9l\u00e9ments les plus probl\u00e9matiques et de comprendre o\u00f9 dans le processus de l\u2019\u00e9l\u00e9ment a des probl\u00e8mes.<\/p>\n<p>Si vous recevez des rapports o\u00f9 votre site ralentit sur une base apparemment al\u00e9atoire, il vaut la peine de trouver une de ces p\u00e9riodes et d\u2019ouvrir un tableau de chute d\u2019eau pour cette p\u00e9riode. De l\u00e0, vous pouvez rapidement voir si des \u00e9l\u00e9ments tiers sont la cause du ralentissement. Les graphiques waterfall sont un bon outil pour visualiser les d\u00e9pendances de charge &#8211; par exemple, si vous placez un fichier JavaScript \u00e0 la t\u00eate de votre document html, le navigateur peut attendre que l\u2019ensemble du fichier .js a t\u00e9l\u00e9charg\u00e9 avant de continuer sur le contenu suivant sur le site. Si ce script se trouve \u00eatre h\u00e9berg\u00e9 par un tiers, ils pourraient tr\u00e8s bien ralentir tout le contenu h\u00e9berg\u00e9 sur votre propre serveur en raison de cette d\u00e9pendance de chargement. Dans de nombreux cas, cela peut simplement \u00eatre corrig\u00e9 en pla\u00e7ant les scripts \u00e0 la fin du contenu plut\u00f4t qu\u2019au d\u00e9but. S\u2019il devient un probl\u00e8me fr\u00e9quent, vous pouvez envisager une alternative \u00e0 l\u2019h\u00f4te tiers de ce contenu particulier.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La plupart des sites Web qui existent aujourd\u2019hui s\u2019appuient sur des \u00e9l\u00e9ments tiers sous une forme ou une autre. Par exemple, il existe de nombreux services pour recueillir des analyses sur le trafic du site tels que Google analytics, mais afin de fonctionner correctement, ils vous obligent \u00e0 charger un petit script dans le cadre [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":15399,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-15397","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.dotcom-monitor.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/15397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dotcom-monitor.com\/blog\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dotcom-monitor.com\/blog\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dotcom-monitor.com\/blog\/fr\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dotcom-monitor.com\/blog\/fr\/wp-json\/wp\/v2\/comments?post=15397"}],"version-history":[{"count":0,"href":"https:\/\/www.dotcom-monitor.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/15397\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dotcom-monitor.com\/blog\/fr\/wp-json\/wp\/v2\/media\/15399"}],"wp:attachment":[{"href":"https:\/\/www.dotcom-monitor.com\/blog\/fr\/wp-json\/wp\/v2\/media?parent=15397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dotcom-monitor.com\/blog\/fr\/wp-json\/wp\/v2\/categories?post=15397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dotcom-monitor.com\/blog\/fr\/wp-json\/wp\/v2\/tags?post=15397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}