{"id":93696,"date":"2022-10-10T01:18:53","date_gmt":"2022-10-09T23:18:53","guid":{"rendered":"https:\/\/rmarketingdigital.com\/dev\/mejores-practicas-para-medir-web-vitals-en-el-campo\/"},"modified":"2020-11-10T02:25:24","modified_gmt":"2020-11-10T05:25:24","slug":"mejores-practicas-para-medir-web-vitals-en-el-campo","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/fr\/dev\/mejores-practicas-para-medir-web-vitals-en-el-campo\/","title":{"rendered":"Meilleures pratiques pour mesurer les donn\u00e9es vitales du Web sur le terrain"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table des mati\u00e8res<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Basculer la table des mati\u00e8res\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Basculer<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/mejores-practicas-para-medir-web-vitals-en-el-campo\/#Utilice-metricas-o-eventos-personalizados\" >Utilisez des m\u00e9triques ou des \u00e9v\u00e9nements personnalis\u00e9s<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/mejores-practicas-para-medir-web-vitals-en-el-campo\/#Asegurese-de-poder-informar-una-distribucion\" >Assurez-vous de pouvoir signaler une distribution<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/mejores-practicas-para-medir-web-vitals-en-el-campo\/#Envie-sus-datos-en-el-momento-adecuado\" >Soumettez vos coordonn\u00e9es au bon moment<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/mejores-practicas-para-medir-web-vitals-en-el-campo\/#Supervisar-el-rendimiento-a-lo-largo-del-tiempo\" >Surveiller les performances au fil du temps<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/mejores-practicas-para-medir-web-vitals-en-el-campo\/#Version-de-sus-cambios\" >Version de vos modifications<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/mejores-practicas-para-medir-web-vitals-en-el-campo\/#Ejecutar-experimentos\" >Lancer des exp\u00e9riences<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/mejores-practicas-para-medir-web-vitals-en-el-campo\/#Asegurese-de-que-la-medicion-no-afecte-el-rendimiento\" >Assurez-vous que la mesure n&#039;affecte pas les performances<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/mejores-practicas-para-medir-web-vitals-en-el-campo\/#Aplazar-sus-analisis\" >Reportez vos analyses<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/mejores-practicas-para-medir-web-vitals-en-el-campo\/#No-crees-tareas-largas\" >Ne cr\u00e9ez pas de longues t\u00e2ches<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/mejores-practicas-para-medir-web-vitals-en-el-campo\/#Utilice-API-sin-bloqueo\" >Utiliser une API non bloquante<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/mejores-practicas-para-medir-web-vitals-en-el-campo\/#No-rastree-mas-de-lo-que-necesita\" >Ne suivez pas plus que ce dont vous avez besoin<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<p><\/p>\n<div>\n<header class=\"w-article-header\">\n<p class=\"w-article-header__subhead w-mb--non\">\n<p>          Comment mesurer Web Vitals avec votre outil d&#039;analyse actuel.\n        <\/p>\n<p>\n          <time>27 mai 2020<\/time><br \/>\n            Mise \u00e0 jour <time>21 juillet 2020<\/time>\n        <\/p>\n<\/header>\n<p>Avoir la capacit\u00e9 de mesurer et de g\u00e9n\u00e9rer des rapports sur les performances r\u00e9elles de vos pages est essentiel pour diagnostiquer et am\u00e9liorer les performances au fil du temps. Sans donn\u00e9es de terrain, il est impossible de savoir avec certitude si les modifications que vous apportez \u00e0 votre site donnent r\u00e9ellement les r\u00e9sultats escompt\u00e9s.<\/p>\n<p>Beaucoup de populaires <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Real_user_monitoring\">Surveillance des utilisateurs r\u00e9els (RUM)<\/a> Les fournisseurs d&#039;analyse prennent d\u00e9j\u00e0 en charge les m\u00e9triques Core Web Vitals dans leurs outils (ainsi que de nombreux autres Web Vitals). Si vous utilisez actuellement l&#039;un de ces outils d&#039;analyse RUM, vous \u00eates en bonne forme pour \u00e9valuer dans quelle mesure les pages de votre site respectent les seuils recommand\u00e9s par Core Web Vitals et \u00e9viter les r\u00e9gressions \u00e0 l&#039;avenir.<\/p>\n<p>Bien que nous vous recommandons d&#039;utiliser un outil d&#039;analyse prenant en charge les m\u00e9triques Core Web Vitals, si l&#039;outil d&#039;analyse que vous utilisez actuellement ne les prend pas en charge, vous n&#039;avez pas besoin de changer. Presque tous les outils d&#039;analyse offrent un moyen de d\u00e9finir et de mesurer <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/support.google.com\/analytics\/answer\/2709828\">m\u00e9triques personnalis\u00e9es<\/a> ou<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/support.google.com\/analytics\/answer\/1033068\">\u00e9v\u00e9nements<\/a>, ce qui signifie que vous pouvez probablement utiliser votre fournisseur d&#039;analyse actuel pour mesurer les m\u00e9triques Core Web Vitals et les ajouter \u00e0 vos rapports d&#039;analyse et tableaux de bord existants.<\/p>\n<p>Ce guide pr\u00e9sente les meilleures pratiques pour mesurer les m\u00e9triques Core Web Vitals (ou toute m\u00e9trique personnalis\u00e9e) avec un outil d&#039;analyse interne ou tiers. Il peut \u00e9galement servir de guide aux fournisseurs d&#039;analyse qui souhaitent ajouter la prise en charge de Core Web Vitals \u00e0 leur service.<\/p>\n<h2 id=\"use-custom-metrics-or-events\"><span class=\"ez-toc-section\" id=\"Utilice-metricas-o-eventos-personalizados\"><\/span>Utilisez des m\u00e9triques ou des \u00e9v\u00e9nements personnalis\u00e9s <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Comme mentionn\u00e9 ci-dessus, la plupart des outils d&#039;analyse vous permettent de mesurer des donn\u00e9es personnalis\u00e9es. Si votre outil d&#039;analyse le prend en charge, vous devriez \u00eatre en mesure de mesurer chacune des m\u00e9triques Core Web Vitals \u00e0 l&#039;aide de ce m\u00e9canisme.<\/p>\n<p>La mesure de mesures ou d&#039;\u00e9v\u00e9nements personnalis\u00e9s dans un outil d&#039;analyse est g\u00e9n\u00e9ralement un processus en trois \u00e9tapes:<\/p>\n<ol>\n<li><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/support.google.com\/analytics\/answer\/2709829?hl=en&amp;ref_topic=2709827\">D\u00e9finir ou enregistrer<\/a><br \/>\nla m\u00e9trique personnalis\u00e9e dans votre gestionnaire d&#039;outils (si n\u00e9cessaire). <em>(Remarque: tous les fournisseurs d&#039;analyse n&#039;exigent pas que des m\u00e9triques personnalis\u00e9es soient d\u00e9finies \u00e0 l&#039;avance.)<\/em><\/li>\n<li>Calculez la valeur de la m\u00e9trique dans votre code JavaScript frontend.<\/li>\n<li>Envoyez la valeur de la m\u00e9trique \u00e0 votre backend d&#039;analyse, en vous assurant que le nom ou l&#039;ID correspond \u00e0 ce qui a \u00e9t\u00e9 d\u00e9fini \u00e0 l&#039;\u00e9tape 1 <em>(encore une fois, si n\u00e9cessaire)<\/em>.<\/li>\n<\/ol>\n<p>Pour les \u00e9tapes 1 et 3, vous pouvez consulter la documentation de votre outil d&#039;analyse pour obtenir des instructions. Pour l&#039;\u00e9tape 2, vous pouvez utiliser le<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/GoogleChrome\/web-vitals\">web-vitals<\/a> Biblioth\u00e8que JavaScript pour calculer la valeur de chacune des m\u00e9triques Core Web Vitals.<\/p>\n<p>L&#039;exemple de code suivant montre \u00e0 quel point il peut \u00eatre facile de suivre ces m\u00e9triques dans le code et de les envoyer \u00e0 un service d&#039;analyse.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-js\"><code class=\"language-js\"><span class=\"token keyword\">importer<\/span> <span class=\"token punctuation\">{<\/span>getCLS<span class=\"token punctuation\">,<\/span> getFID<span class=\"token punctuation\">,<\/span> getLCP<span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">desde<\/span> <span class=\"token string\">'web-vitals'<\/span><span class=\"token punctuation\">;<\/span><p><span class=\"token keyword\">une fonction<\/span> <span class=\"token function\">sendToAnalytics<\/span><span class=\"token punctuation\">(<\/span><span class=\"token parameter\"><span class=\"token punctuation\">{<\/span>patate douce<span class=\"token punctuation\">,<\/span> valeur<span class=\"token punctuation\">,<\/span> va<span class=\"token punctuation\">}<\/span><\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br><span class=\"token keyword\">const<\/span> corps <span class=\"token operator\">=<\/span> <span class=\"token constant\">JSON<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">stringify<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span>patate douce<span class=\"token punctuation\">,<\/span> valeur<span class=\"token punctuation\">,<\/span> va<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br><span class=\"token punctuation\">(<\/span>navigateur<span class=\"token punctuation\">.<\/span>sendBeacon <span class=\"token operator\">&amp;&amp;<\/span> navigateur<span class=\"token punctuation\">.<\/span><span class=\"token function\">sendBeacon<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'\/analytics'<\/span><span class=\"token punctuation\">,<\/span> corps<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">||<\/span><br><span class=\"token function\">aller chercher<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'\/analytics'<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token punctuation\">{<\/span>corps<span class=\"token punctuation\">,<\/span> m\u00e9thode<span class=\"token operator\">:<\/span> <span class=\"token string\">'POST'<\/span><span class=\"token punctuation\">,<\/span> rester en vie<span class=\"token operator\">:<\/span> <span class=\"token boolean\">vrai<\/span><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br><span class=\"token punctuation\">}<\/span><\/p><p><span class=\"token function\">getCLS<\/span><span class=\"token punctuation\">(<\/span>sendToAnalytics<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br><span class=\"token function\">getFID<\/span><span class=\"token punctuation\">(<\/span>sendToAnalytics<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br><span class=\"token function\">getLCP<\/span><span class=\"token punctuation\">(<\/span>sendToAnalytics<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p><\/code><\/pre>\n<p><\/web-copy-code><\/p>\n<h2 id=\"ensure-you-can-report-a-distribution\"><span class=\"ez-toc-section\" id=\"Asegurese-de-poder-informar-una-distribucion\"><\/span>Assurez-vous de pouvoir signaler une distribution <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Une fois que vous avez calcul\u00e9 les valeurs de chacune des m\u00e9triques Core Web Vitals et les avez soumises \u00e0 votre service d&#039;analyse \u00e0 l&#039;aide d&#039;un \u00e9v\u00e9nement ou d&#039;une m\u00e9trique personnalis\u00e9, l&#039;\u00e9tape suivante consiste \u00e0 cr\u00e9er un rapport ou un tableau de bord qui affiche les valeurs qui ont \u00e9t\u00e9 collect\u00e9es. .<\/p>\n<p>Pour vous assurer que vous atteignez les seuils recommand\u00e9s de Core Web Vitals, vous aurez besoin de votre rapport pour afficher la valeur de chaque m\u00e9trique au 75e centile.<\/p>\n<p>Si votre outil d&#039;analyse n&#039;offre pas de rapport quantile en tant que fonction int\u00e9gr\u00e9e, vous pouvez probablement toujours obtenir ces donn\u00e9es manuellement en g\u00e9n\u00e9rant un rapport qui r\u00e9pertorie toutes les valeurs de m\u00e9trique tri\u00e9es par ordre croissant. Une fois ce rapport g\u00e9n\u00e9r\u00e9, le r\u00e9sultat qui est le 75% du chemin \u00e0 travers la liste compl\u00e8te et ordonn\u00e9e de toutes les valeurs de ce rapport sera le 75e centile pour cette m\u00e9trique, et ce sera le cas quelle que soit la fa\u00e7on dont vous segmentez vos donn\u00e9es (par type d&#039;appareil, type de connexion, pays, etc.).<\/p>\n<p>Si votre outil d&#039;analyse ne vous donne pas la granularit\u00e9 des rapports au niveau des m\u00e9triques par d\u00e9faut, vous pouvez probablement obtenir le m\u00eame r\u00e9sultat si votre outil d&#039;analyse prend en charge <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/support.google.com\/analytics\/answer\/2709828\">dimensions personnalis\u00e9es<\/a>. En d\u00e9finissant une valeur de dimension personnalis\u00e9e unique pour chaque instance de m\u00e9trique individuelle que vous suivez, vous devriez \u00eatre en mesure de g\u00e9n\u00e9rer un rapport, ventil\u00e9 par instances de m\u00e9trique individuelles, si vous incluez la dimension personnalis\u00e9e dans vos param\u00e8tres de rapport. \u00c9tant donn\u00e9 que chaque instance aura une valeur de dimension unique, aucun regroupement ne se produira.<\/p>\n<p>Par exemple, l&#039;histogramme suivant a \u00e9t\u00e9 g\u00e9n\u00e9r\u00e9 \u00e0 partir de Google Analytics \u00e0 l&#039;aide de la technique d\u00e9crite ci-dessus (puisque Google Analytics ne prend en charge les rapports quantiles dans aucun de ses rapports standard). Les donn\u00e9es ont \u00e9t\u00e9 consult\u00e9es \u00e0 l&#039;aide du<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.google.com\/analytics\/devguides\/reporting\/core\/v4\">API de cr\u00e9ation de rapports Analytics<\/a> et est affich\u00e9 par une biblioth\u00e8que de visualisation de donn\u00e9es JavaScript:<\/p>\n<p><img alt='histogramme-lcp-3164921' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/11\/lcp-histogram-3164921.png'><\/p>\n<div class=\"w-aside w-aside--note\">\n<p>Astuce: le <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/GoogleChrome\/web-vitals\"><code>web-vitals<\/code><\/a>  La biblioth\u00e8que fournit un ID pour chaque instance de m\u00e9trique rapport\u00e9e, ce qui facilite la cr\u00e9ation de distributions dans la plupart des outils d&#039;analyse. Voir le<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/GoogleChrome\/web-vitals#metric\"><code>M\u00e9trique<\/code><\/a>  documentation de l&#039;interface pour plus de d\u00e9tails.<\/p>\n<\/div>\n<h2 id=\"send-your-data-at-the-right-time\"><span class=\"ez-toc-section\" id=\"Envie-sus-datos-en-el-momento-adecuado\"><\/span>Soumettez vos coordonn\u00e9es au bon moment <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Certaines mesures de performances peuvent \u00eatre calcul\u00e9es une fois le chargement de la page termin\u00e9, tandis que d&#039;autres (comme CLS) prennent en compte la dur\u00e9e de vie compl\u00e8te de la page et ne sont d\u00e9finitives qu&#039;une fois que le t\u00e9l\u00e9chargement de la page a commenc\u00e9.<\/p>\n<p>Cependant, cela peut \u00eatre probl\u00e9matique, car <code>avant de d\u00e9charger<\/code> y <code>d\u00e9charger<\/code><br \/>\nLes \u00e9v\u00e9nements ne sont pas fiables (en particulier sur les appareils mobiles) et leur utilisation est <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.google.com\/web\/updates\/2018\/07\/page-lifecycle-api#legacy-lifecycle-apis-to-avoid\">non recommand\u00e9<\/a><br \/>\n(car ils peuvent emp\u00eacher une page d&#039;\u00eatre \u00e9ligible pour <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.google.com\/web\/updates\/2018\/07\/page-lifecycle-api#page-navigation-cache\">Cache de retour<\/a>).<\/p>\n<p>Pour les m\u00e9triques qui suivent toute la dur\u00e9e de vie d&#039;une page, il est pr\u00e9f\u00e9rable d&#039;envoyer la valeur actuelle de la m\u00e9trique pendant la <code>changement de visibilit\u00e9<\/code> \u00e9v\u00e9nement, chaque fois que l&#039;\u00e9tat de visibilit\u00e9 de la page passe \u00e0 <code>cach\u00e9<\/code>. En effet, une fois que l&#039;\u00e9tat de visibilit\u00e9 de la page passe \u00e0 <code>cach\u00e9<\/code>: Il n&#039;y a aucune garantie qu&#039;un script de cette page pourra s&#039;ex\u00e9cuter \u00e0 nouveau. Cela est particuli\u00e8rement vrai sur les syst\u00e8mes d&#039;exploitation mobiles o\u00f9 l&#039;application de navigateur elle-m\u00eame peut \u00eatre ferm\u00e9e sans qu&#039;aucun rappel de page ne soit d\u00e9clench\u00e9.<\/p>\n<p>Notez que les syst\u00e8mes d&#039;exploitation mobiles permettent g\u00e9n\u00e9ralement <code>changement de visibilit\u00e9<\/code><br \/>\n\u00e9v\u00e9nement lors du changement d&#039;onglet, du changement d&#039;application ou de la fermeture de l&#039;application du navigateur. Ils tirent \u00e9galement sur le <code>changement de visibilit\u00e9<\/code> \u00e9v\u00e9nement lors de la fermeture d&#039;un onglet ou de la navigation vers une nouvelle page. Cela rend le <code>changement de visibilit\u00e9<\/code> \u00e9v\u00e9nement beaucoup plus fiable que le<br \/>\n<code>d\u00e9charger<\/code> ou <code>avant de d\u00e9charger<\/code> \u00e9v\u00e9nements.<\/p>\n<div class=\"w-aside w-aside--gotchas\">\n<strong>Gotchas!<\/strong> <\/p>\n<p>Du \u00e0 <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/w3c\/page-visibility\/issues\/59#issue-554880545\">quelques erreurs de navigateur<\/a>, il y a des cas o\u00f9 <code>changement de visibilit\u00e9<\/code> l&#039;\u00e9v\u00e9nement ne se d\u00e9clenche pas. Si vous cr\u00e9ez votre propre biblioth\u00e8que d&#039;analyse, il est important d&#039;\u00eatre conscient de ces erreurs. Notez que le <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/GoogleChrome\/web-vitals\">web-vitals<\/a><br \/>\nLa biblioth\u00e8que JavaScript prend en compte toutes ces erreurs.<\/p>\n<\/div>\n<h2 id=\"monitor-performance-over-time\"><span class=\"ez-toc-section\" id=\"Supervisar-el-rendimiento-a-lo-largo-del-tiempo\"><\/span>Surveiller les performances au fil du temps <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Une fois que vous avez mis \u00e0 jour votre impl\u00e9mentation d&#039;analyse pour suivre et g\u00e9n\u00e9rer des rapports sur les m\u00e9triques Core Web Vitals, l&#039;\u00e9tape suivante consiste \u00e0 suivre comment les modifications apport\u00e9es \u00e0 votre site affectent les performances au fil du temps.<\/p>\n<h3 id=\"version-your-changes\"><span class=\"ez-toc-section\" id=\"Version-de-sus-cambios\"><\/span>Version de vos modifications <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Une approche na\u00efve (et finalement peu fiable) du suivi des changements consiste \u00e0 mettre en \u0153uvre les changements dans la production, puis \u00e0 supposer que toutes les mesures re\u00e7ues apr\u00e8s la date de mise en \u0153uvre correspondent au nouveau site et toutes les mesures re\u00e7ues avant la date de mise en \u0153uvre correspondent au site pr\u00e9c\u00e9dent. Cependant, un certain nombre de facteurs (y compris la mise en cache au niveau de la couche HTTP, du service worker ou du CDN) peuvent emp\u00eacher cela de fonctionner.<\/p>\n<p>Une bien meilleure approche consiste \u00e0 cr\u00e9er une version unique pour chaque changement mis en \u0153uvre, puis \u00e0 suivre cette version dans votre outil d&#039;analyse. La plupart des outils d&#039;analyse prennent en charge la d\u00e9finition d&#039;une version. Si ce n&#039;est pas le cas, vous pouvez cr\u00e9er une dimension personnalis\u00e9e et d\u00e9finir cette dimension dans votre version d\u00e9ploy\u00e9e.<\/p>\n<h3 id=\"run-experiments\"><span class=\"ez-toc-section\" id=\"Ejecutar-experimentos\"><\/span>Lancer des exp\u00e9riences <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vous pouvez pousser le contr\u00f4le de version encore plus loin en suivant plusieurs versions (ou tests) en m\u00eame temps.<\/p>\n<p>Si votre outil d&#039;analyse vous permet de d\u00e9finir des groupes d&#039;exp\u00e9riences, utilisez cette fonction. Sinon, vous pouvez utiliser des dimensions personnalis\u00e9es pour vous assurer que chacune de vos valeurs de m\u00e9trique peut \u00eatre associ\u00e9e \u00e0 un groupe de tests particulier dans vos rapports.<\/p>\n<p>Avec l&#039;exp\u00e9rimentation \u00e0 la place de l&#039;analyse, vous pouvez impl\u00e9menter une modification exp\u00e9rimentale sur un sous-ensemble de vos utilisateurs et comparer les performances de cette modification avec les performances des utilisateurs du groupe de contr\u00f4le. Une fois que vous \u00eates convaincu qu&#039;un changement am\u00e9liore r\u00e9ellement les performances, vous pouvez l&#039;impl\u00e9menter pour tous les utilisateurs.<\/p>\n<div class=\"w-aside w-aside--note\">\n<p>Les groupes d&#039;ex\u00e9cution doivent toujours \u00eatre configur\u00e9s sur le serveur. \u00c9vitez d&#039;utiliser un outil de test ou d&#039;exp\u00e9rimentation A \/ B qui s&#039;ex\u00e9cute sur le client. Ces outils bloquent g\u00e9n\u00e9ralement le rendu jusqu&#039;\u00e0 ce que le groupe d&#039;ex\u00e9cution d&#039;un utilisateur soit d\u00e9termin\u00e9, ce qui peut \u00eatre pr\u00e9judiciable \u00e0 leurs temps LCP.<\/p>\n<\/div>\n<h2 id=\"ensure-measurement-doesn't-affect-performance\"><span class=\"ez-toc-section\" id=\"Asegurese-de-que-la-medicion-no-afecte-el-rendimiento\"><\/span>Assurez-vous que la mesure n&#039;affecte pas les performances <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Lors de la mesure des performances sur de vrais utilisateurs, il est absolument essentiel que tout code de mesure des performances que vous ex\u00e9cutez n&#039;affecte pas n\u00e9gativement les performances de votre page. Si tel est le cas, les conclusions que vous essayez de tirer sur la mani\u00e8re dont vos performances affectent votre entreprise ne seront pas fiables, car vous ne saurez jamais si la pr\u00e9sence du code analytique lui-m\u00eame a le plus grand impact n\u00e9gatif.<\/p>\n<p>Suivez toujours ces principes lors de la mise en \u0153uvre du code d&#039;analyse RUM sur votre site de production:<\/p>\n<h3 id=\"defer-your-analytics\"><span class=\"ez-toc-section\" id=\"Aplazar-sus-analisis\"><\/span>Reportez vos analyses <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Le code d&#039;analyse doit toujours \u00eatre charg\u00e9 de mani\u00e8re asynchrone et sans blocage et doit g\u00e9n\u00e9ralement \u00eatre charg\u00e9 en dernier. Le blocage de votre code de num\u00e9risation peut avoir un impact n\u00e9gatif sur LCP.<\/p>\n<p>Toutes les API utilis\u00e9es pour mesurer les m\u00e9triques Core Web Vitals ont \u00e9t\u00e9 sp\u00e9cifiquement con\u00e7ues pour prendre en charge le chargement de script paresseux et asynchrone (via le<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.chromestatus.com\/feature\/5118272741572608\"><code>tamponn\u00e9<\/code><\/a>  flag), il n&#039;est donc pas n\u00e9cessaire de se pr\u00e9cipiter pour charger vos scripts \u00e0 l&#039;avance.<\/p>\n<p>Si vous mesurez une m\u00e9trique qui ne peut pas \u00eatre calcul\u00e9e ult\u00e9rieurement dans la chronologie de chargement de la page, vous devez inclure <em>seul<\/em> le code qui doit \u00eatre ex\u00e9cut\u00e9 au d\u00e9but de la <code><\/code> de votre document (donc ce n&#039;est pas une demande de verrouillage de traitement) et reporter le reste. Ne chargez pas toutes vos analyses \u00e0 l&#039;avance simplement parce qu&#039;une seule m\u00e9trique l&#039;exige.<\/p>\n<h3 id=\"do-not-create-long-tasks\"><span class=\"ez-toc-section\" id=\"No-crees-tareas-largas\"><\/span>Ne cr\u00e9ez pas de longues t\u00e2ches <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Le code d&#039;analyse s&#039;ex\u00e9cute souvent en r\u00e9ponse \u00e0 l&#039;entr\u00e9e de l&#039;utilisateur, mais si votre code d&#039;analyse effectue de nombreuses mesures DOM ou utilise d&#039;autres API gourmandes en processeur, le code d&#039;analyse lui-m\u00eame peut entra\u00eener une mauvaise r\u00e9ponse d&#039;entr\u00e9e. En outre, si le fichier JavaScript qui contient votre code d&#039;analyse est volumineux, l&#039;ex\u00e9cution de ce fichier peut bloquer le thread principal et affecter n\u00e9gativement le FID.<\/p>\n<h3 id=\"use-non-blocking-apis\"><span class=\"ez-toc-section\" id=\"Utilice-API-sin-bloqueo\"><\/span>Utiliser une API non bloquante <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>API comme<br \/>\n<code><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/docs\/Web\/API\/Navigator\/sendBeacon\">sendBeacon ()<\/a><\/code><br \/>\ny<br \/>\n<code><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/docs\/Web\/API\/Window\/requestIdleCallback\">requestIdleCallback()<\/a><\/code><br \/>\nIls sont sp\u00e9cifiquement con\u00e7us pour effectuer des t\u00e2ches non critiques d&#039;une mani\u00e8re qui ne bloque pas les t\u00e2ches critiques pour l&#039;utilisateur.<\/p>\n<p>Ces API sont d&#039;excellents outils \u00e0 utiliser dans une biblioth\u00e8que d&#039;analyse RUM.<\/p>\n<p>En g\u00e9n\u00e9ral, toutes les balises analytiques doivent \u00eatre envoy\u00e9es \u00e0 l&#039;aide du <code>sendBeacon ()<\/code> L&#039;API (si disponible) et tout le code de mesure d&#039;analyse passive doivent \u00eatre ex\u00e9cut\u00e9s pendant les p\u00e9riodes d&#039;inactivit\u00e9.<\/p>\n<div class=\"w-aside w-aside--note\">\n<p>Pour obtenir des conseils sur la fa\u00e7on de maximiser l&#039;utilisation des temps d&#039;arr\u00eat, tout en garantissant que le code peut \u00eatre ex\u00e9cut\u00e9 de toute urgence en cas de besoin (par exemple lorsqu&#039;un utilisateur t\u00e9l\u00e9charge la page), consultez le<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/philipwalton.com\/articles\/idle-until-urgent\/\">inactif jusqu&#039;\u00e0 urgent<\/a><br \/>\nSch\u00e9ma.<\/p>\n<\/div>\n<h3 id=\"don't-track-more-than-what-you-need\"><span class=\"ez-toc-section\" id=\"No-rastree-mas-de-lo-que-necesita\"><\/span>Ne suivez pas plus que ce dont vous avez besoin <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Le navigateur expose une grande quantit\u00e9 de donn\u00e9es de performance, mais le fait que les donn\u00e9es soient disponibles ne signifie pas n\u00e9cessairement qu&#039;il doit les enregistrer et les envoyer \u00e0 ses serveurs d&#039;analyse.<\/p>\n<p>Par exemple, lui <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/w3c.github.io\/resource-timing\/\">API de temps de ressource<\/a><br \/>\nfournit des donn\u00e9es de temps d\u00e9taill\u00e9es pour chaque ressource t\u00e9l\u00e9charg\u00e9e sur votre page. Cependant, il est peu probable que toutes ces donn\u00e9es soient n\u00e9cessaires ou utiles pour am\u00e9liorer les performances de chargement des ressources.<\/p>\n<p>En bref, ne vous contentez pas de suivre les donn\u00e9es parce qu&#039;elles sont l\u00e0, assurez-vous que les donn\u00e9es seront utilis\u00e9es avant de consommer des ressources pour les suivre.<\/p>\n<p>    <web-feedback additional-questions=\"\"><\/web-feedback>\n  <\/div>","protected":false},"excerpt":{"rendered":"<p>Comment mesurer Web Vitals avec votre outil d&#039;analyse actuel. 27 mai 2020 Mis \u00e0 jour le 21 juillet 2020 Avoir la capacit\u00e9 de mesurer et de rendre compte\u2026<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1356],"tags":[],"class_list":["post-93696","post","type-post","status-publish","format-standard","category-dev"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Mejores pr\u00e1cticas para medir Web Vitals en el campo - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"C\u00f3mo medir Web Vitals con su herramienta de an\u00e1lisis actual. 27 de mayo de 2020 Actualizado 21 de julio de 2020 Tener la capacidad de medir e informar\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mejores pr\u00e1cticas para medir Web Vitals en el campo\" \/>\n<meta property=\"og:description\" content=\"C\u00f3mo medir Web Vitals con su herramienta de an\u00e1lisis actual. 27 de mayo de 2020 Actualizado 21 de julio de 2020 Tener la capacidad de medir e informar\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-09T23:18:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/11\/lcp-histogram-3164921.png\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/dev\\\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/dev\\\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Mejores pr\u00e1cticas para medir Web Vitals en el campo\",\"datePublished\":\"2022-10-09T23:18:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/dev\\\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\\\/\"},\"wordCount\":2220,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/dev\\\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/lcp-histogram-3164921.png\",\"articleSection\":[\"Dev\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/dev\\\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/dev\\\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\\\/\",\"name\":\"Mejores pr\u00e1cticas para medir Web Vitals en el campo - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/dev\\\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/dev\\\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/lcp-histogram-3164921.png\",\"datePublished\":\"2022-10-09T23:18:53+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"C\u00f3mo medir Web Vitals con su herramienta de an\u00e1lisis actual. 27 de mayo de 2020 Actualizado 21 de julio de 2020 Tener la capacidad de medir e informar\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/dev\\\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/dev\\\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/lcp-histogram-3164921.png\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/lcp-histogram-3164921.png\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Meilleures pratiques pour mesurer les Web Vitals sur le terrain - R Marketing Digital","description":"Comment mesurer Web Vitals avec votre outil d&#039;analyse actuel. 27 mai 2020 Mis \u00e0 jour le 21 juillet 2020 Avoir la capacit\u00e9 de mesurer et de rapporter","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/","og_locale":"fr_FR","og_type":"article","og_title":"Mejores pr\u00e1cticas para medir Web Vitals en el campo","og_description":"C\u00f3mo medir Web Vitals con su herramienta de an\u00e1lisis actual. 27 de mayo de 2020 Actualizado 21 de julio de 2020 Tener la capacidad de medir e informar","og_url":"https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/","og_site_name":"R Marketing Digital","article_published_time":"2022-10-09T23:18:53+00:00","og_image":[{"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/11\/lcp-histogram-3164921.png","type":"","width":"","height":""}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Mejores pr\u00e1cticas para medir Web Vitals en el campo","datePublished":"2022-10-09T23:18:53+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/"},"wordCount":2220,"image":{"@id":"https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/11\/lcp-histogram-3164921.png","articleSection":["Dev"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/","url":"https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/","name":"Meilleures pratiques pour mesurer les Web Vitals sur le terrain - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/11\/lcp-histogram-3164921.png","datePublished":"2022-10-09T23:18:53+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Comment mesurer Web Vitals avec votre outil d&#039;analyse actuel. 27 mai 2020 Mis \u00e0 jour le 21 juillet 2020 Avoir la capacit\u00e9 de mesurer et de rapporter","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/rmarketingdigital.com\/fr\/dev\/meilleures-pratiques-pour-mesurer-des-vitales-web-sur-le-terrain\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/11\/lcp-histogram-3164921.png","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/11\/lcp-histogram-3164921.png"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"Marketing num\u00e9rique","description":"Agence de r\u00e9f\u00e9rencement | Publicit\u00e9 sur les r\u00e9seaux sociaux | Gestion de communaut\u00e9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"Marketing num\u00e9rique","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/93696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/comments?post=93696"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/93696\/revisions"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media?parent=93696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/categories?post=93696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/tags?post=93696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}