{"id":67249,"date":"2023-03-16T08:31:33","date_gmt":"2023-03-16T07:31:33","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=67249&#038;preview=true&#038;preview_id=67249"},"modified":"2023-08-21T15:38:43","modified_gmt":"2023-08-21T14:38:43","slug":"api-pagespeed-insights","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/","title":{"rendered":"Comment utiliser l&rsquo;API PageSpeed Insights pour surveiller la performance des pages"},"content":{"rendered":"<p>Il existe des outils permettant de <a href=\"https:\/\/kinsta.com\/fr\/blog\/application-surveillance-performance\/\">contr\u00f4ler les performances des pages<\/a> et d&rsquo;\u00e9valuer les am\u00e9liorations apport\u00e9es. L&rsquo;un des meilleurs est PageSpeed Insights. Il est disponible sous forme d&rsquo;<a href=\"https:\/\/pagespeed.web.dev\/\">application web<\/a> et d&rsquo;onglet Lighthouse dans les DevTools de Chrome (ces m\u00eames DevTools sont \u00e9galement disponibles dans Edge, Opera, Brave et Vivaldi).<\/p>\n<p>Les performances des pages web sont plus importantes que jamais. Les utilisateurs s&rsquo;attendent \u00e0 une exp\u00e9rience fluide et r\u00e9active qui rivalise avec les applications de bureau. En outre, les <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-site-core-web-vitals\/\">indicateurs fondamentaux de<\/a> Google mesurent les performances des pages, ce qui influe sur le PageRank et sur vos efforts d&rsquo;<a href=\"https:\/\/kinsta.com\/seo\/\">optimisation des moteurs de recherche<\/a>.<\/p>\n<p>WordPress g\u00e8re plus d&rsquo;un tiers des sites web, mais les <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-lent\/\">performances sont affect\u00e9es<\/a> par un h\u00e9bergement inefficace, des th\u00e8mes lents et une d\u00e9pendance excessive \u00e0 l&rsquo;\u00e9gard des extensions. Vous pouvez <a href=\"https:\/\/kinsta.com\/fr\/apprendre\/vitesse-de-site\/\">r\u00e9soudre la plupart des probl\u00e8mes<\/a> en optant pour un <a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/migration\/\">bon h\u00e9bergeur<\/a> et en utilisant les <a href=\"https:\/\/kinsta.com\/fr\/cheatsheets\/vitesse-site\/\">meilleures pratiques en mati\u00e8re de performances<\/a>.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Acc\u00e9der \u00e0 Lighthouse<\/h2>\n<p>Lancez Lighthouse en ouvrant la page que vous souhaitez examiner et en appuyant sur <strong>Ctrl\/Cmd + Shift + I <\/strong>ou en choisissant <strong>Outils de d\u00e9veloppeur<\/strong> dans <strong>Plus d&rsquo;outils<\/strong> dans le menu. Passez \u00e0 l&rsquo;onglet <strong>Lighthouse <\/strong>et cliquez sur le bouton <strong>Analyser le chargement de la page<\/strong>. Les r\u00e9sultats s&rsquo;affichent apr\u00e8s quelques secondes :<\/p>\n<figure id=\"attachment_148073\" aria-describedby=\"caption-attachment-148073\" style=\"width: 971px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148073 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/lighthouse.png\" alt=\"Exemple de rapport Lighthouse\" width=\"971\" height=\"994\"><figcaption id=\"caption-attachment-148073\" class=\"wp-caption-text\">Exemple de rapport Lighthouse<\/figcaption><\/figure>\n<p>Vous pouvez approfondir les pourcentages de niveau sup\u00e9rieur pour d\u00e9couvrir des informations suppl\u00e9mentaires et des conseils pour r\u00e9soudre des probl\u00e8mes connus. Cet outil est inestimable, mais il pr\u00e9sente des inconv\u00e9nients :<\/p>\n<ul>\n<li>Vous devez lancer manuellement une ex\u00e9cution pour chaque page que vous testez.<\/li>\n<li>Il n&rsquo;est pas facile d&rsquo;enregistrer l&rsquo;am\u00e9lioration <em>ou la d\u00e9t\u00e9rioration des<\/em> facteurs au fil du temps.<\/li>\n<li>Il y a beaucoup de donn\u00e9es \u00e0 v\u00e9rifier et il est <a href=\"https:\/\/kinsta.com\/fr\/blog\/test-vitesse-site-web\/\">facile de se tromper<\/a>.<\/li>\n<li>Les d\u00e9tails techniques sont fournis aux d\u00e9veloppeurs. Les clients et les gestionnaires qui souhaitent avoir une vue d&rsquo;ensemble rapide des progr\u00e8s accomplis risquent d&rsquo;\u00eatre d\u00e9pass\u00e9s.<\/li>\n<li>Les ex\u00e9cutions de Lighthouse peuvent \u00eatre influenc\u00e9es par les vitesses des appareils locaux et du r\u00e9seau, ce qui peut conduire \u00e0 des hypoth\u00e8ses erron\u00e9es.<\/li>\n<\/ul>\n<p>L&rsquo;API PageSpeed Insights permet de r\u00e9soudre ces probl\u00e8mes afin que les tests puissent \u00eatre automatis\u00e9s, enregistr\u00e9s et compar\u00e9s.<\/p>\n<h2>Qu&rsquo;est-ce que l&rsquo;API PageSpeed Insights ?<\/h2>\n<p>Google fournit une <a href=\"https:\/\/kinsta.com\/fr\/blog\/api-endpoint\/\">API<\/a> REST PageSpeed Insights gratuite qui renvoie des donn\u00e9es au format JSON contenant toutes les mesures Lighthouse et bien plus encore. Elle vous permet d&rsquo;automatiser l&rsquo;ex\u00e9cution des pages, de stocker les donn\u00e9es obtenues, d&rsquo;examiner les changements au fil du temps et d&rsquo;afficher les informations exactes dont vous avez besoin.<\/p>\n<p>L&rsquo;API PageSpeed Insights \u00e9mule la fa\u00e7on dont Google <em>voit<\/em> votre site. Vous pouvez ex\u00e9cuter un rapport tous les quelques jours ou \u00e0 chaque fois que vous publiez une mise \u00e0 jour des performances.<\/p>\n<p>Les r\u00e9sultats sont utiles, mais ne sont pas n\u00e9cessairement repr\u00e9sentatifs de l&rsquo;exp\u00e9rience r\u00e9elle des utilisateurs. L&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/api-performance\/\">API Performance du navigateur<\/a> est une meilleure option si vous souhaitez surveiller les performances r\u00e9elles sur tous les appareils et r\u00e9seaux de vos utilisateurs.<\/p>\n\n<h2>D\u00e9marrage rapide de l&rsquo;API PageSpeed Insights<\/h2>\n<p>Copiez l&rsquo;adresse suivante dans votre navigateur web et modifiez le site <code>url<\/code> pour \u00e9valuer les performances de votre page :<\/p>\n<p><code>https:\/\/www.googleapis.com\/pagespeedonline\/v5\/runPagespeed?url=https:\/\/www.yoursite.com\/<\/code><\/p>\n<p>Firefox est id\u00e9al car il dispose d&rsquo;une visionneuse JSON int\u00e9gr\u00e9e, bien que <a href=\"https:\/\/chrome.google.com\/webstore\/search\/json%20viewer\">Chrome dispose d&rsquo;extensions<\/a> qui offrent la m\u00eame fonctionnalit\u00e9. Le score global de performance de Lighthouse est mis en \u00e9vidence ci-dessous :<\/p>\n<figure id=\"attachment_148078\" aria-describedby=\"caption-attachment-148078\" style=\"width: 842px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148078 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/pagespeed-test.png\" alt=\"R\u00e9sultat de l'API PageSpeed Insights JSON (Firefox)\" width=\"842\" height=\"954\"><figcaption id=\"caption-attachment-148078\" class=\"wp-caption-text\">R\u00e9sultat de l&rsquo;API PageSpeed Insights JSON (Firefox)<\/figcaption><\/figure>\n<p>Vous pouvez modifier la <a href=\"https:\/\/kinsta.com\/fr\/blog\/supprimer-query-strings-des-ressources-statiques\/\">cha\u00eene de requ\u00eate de<\/a> l&rsquo;URL de l&rsquo;API en fonction de vos propres pages et pr\u00e9f\u00e9rences. Le seul param\u00e8tre requis est <code>url<\/code>, par exemple<\/p>\n<p><code>url=https:\/\/mysite.com\/page1<\/code><\/p>\n<p>Un test d&rsquo;ordinateur de bureau est ex\u00e9cut\u00e9 par d\u00e9faut, mais vous pouvez le demander explicitement avec :<\/p>\n<p><code>strategy=desktop<\/code><\/p>\n<p>ou passer \u00e0 la version mobile avec :<\/p>\n<p><code>strategy=mobile<\/code><\/p>\n<p>Seuls les tests de performance sont ex\u00e9cut\u00e9s, \u00e0 moins que vous n&rsquo;indiquiez une ou plusieurs cat\u00e9gories d&rsquo;int\u00e9r\u00eat :<\/p>\n<p><code>category=performance<\/code><br \/>\n<code>category=accessibility<\/code><br \/>\n<code>category=best-practices<\/code><br \/>\n<code>category=seo<\/code><br \/>\n<code>category=pwa<\/code><\/p>\n<p>Une langue sp\u00e9cifique peut \u00eatre d\u00e9finie en d\u00e9finissant une locale &#8211; par exemple le fran\u00e7ais :<\/p>\n<p><code>locale=fr-FR<\/code><\/p>\n<p>Et les d\u00e9tails de la campagne Google Analytics peuvent \u00eatre d\u00e9finis avec :<\/p>\n<p><code>utm_campaign=&lt;campaign&gt;<\/code><br \/>\n<code>utm_source=&lt;source&gt;<\/code><\/p>\n<p>Le service est gratuit pour les demandes peu fr\u00e9quentes, mais vous devrez <a href=\"https:\/\/console.cloud.google.com\/projectselector2\/apis\/credentials\" target=\"_blank\" rel=\"noopener noreferrer\">vous inscrire pour obtenir une cl\u00e9 Google API<\/a> si vous avez l&rsquo;intention d&rsquo;effectuer de nombreux tests \u00e0 partir de la m\u00eame adresse IP sur une courte p\u00e9riode. La cl\u00e9 est ajout\u00e9e \u00e0 l&rsquo;URL avec :<\/p>\n<p><code>key=&lt;api-key&gt;<\/code><\/p>\n<p>Vous pouvez construire la cha\u00eene de requ\u00eate de l&rsquo;URL en sp\u00e9cifiant les param\u00e8tres de votre choix, s\u00e9par\u00e9s par des caract\u00e8res esperluette (&#038;). L&rsquo;URL API suivante teste la page \u00e0 l&rsquo;adresse <code>https:\/\/mysite.com\/<\/code> \u00e0 l&rsquo;aide d&rsquo;un appareil mobile afin d&rsquo;\u00e9valuer les performances et les crit\u00e8res d&rsquo;accessibilit\u00e9 :<\/p>\n<p><code>https:\/\/www.googleapis.com\/pagespeedonline\/v5\/runPagespeed?url=https:\/\/mysite.com\/&strategy=mobile&category=performance&category=accessibility<\/code><\/p>\n<p>Vous pouvez cr\u00e9er vos propres URL ou utiliser l&rsquo;<a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed\" target=\"_blank\" rel=\"noopener noreferrer\">outil de cr\u00e9ation d&rsquo;URL de l&rsquo;API Google PageSpeed<\/a> si vous avez besoin d&rsquo;aide.<\/p>\n<h2>R\u00e9sultats JSON de l&rsquo;API PageSpeed Insights<\/h2>\n<p>Les tests renvoient g\u00e9n\u00e9ralement environ 600 Ko de donn\u00e9es JSON, en fonction des cat\u00e9gories choisies, du nombre d&rsquo;\u00e9l\u00e9ments de la page et de la complexit\u00e9 des captures d&rsquo;\u00e9cran (int\u00e9gr\u00e9es au format base64).<\/p>\n<p>La quantit\u00e9 de donn\u00e9es est impressionnante, il y a des doublons et la <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed#response\" target=\"_blank\" rel=\"noopener noreferrer\">documentation des r\u00e9sultats<\/a> n&rsquo;est pas toujours claire. Le JSON est divis\u00e9 en quatre sections d\u00e9crites ci-dessous.<\/p>\n<h3>loadingExperience<\/h3>\n<p>Il s&rsquo;agit des mesures calcul\u00e9es pour l&rsquo;exp\u00e9rience de chargement de la page par l&rsquo;utilisateur final. Elles comprennent des informations telles que CUMULATIVE_LAYOUT_SHIFT_SCORE, FIRST_CONTENTFUL_PAINT_MS et FIRST_INPUT_DELAY_MS de Core Web Vitals. Les d\u00e9tails et la valeur \u00ab category \u00bb renvoient \u00e0 FAST, AVERAGE, SLOW ou NONE si aucune mesure n&rsquo;a \u00e9t\u00e9 prise. Exemple :<\/p>\n<pre><code>\"loadingExperience\": {\n\"metrics\": {\n\"CUMULATIVE_LAYOUT_SHIFT_SCORE\": {\n\"percentile\": 0,\n\"distributions\": [\n{\n\"min\": 0,\n\"max\": 10,\n\"proportion\": 0.970\n},\n{\n\"min\": 10,\n\"max\": 25,\n\"proportion\": 0.017\n},\n{\n\"min\": 25,\n\"proportion\": 0.012\n}\n],\n\"category\": \"FAST\"\n},<\/code><\/pre>\n<h3>originLoadingExperience<\/h3>\n<p>Il s&rsquo;agit de mesures agr\u00e9g\u00e9es calcul\u00e9es pour toutes les exp\u00e9riences de chargement de page des utilisateurs. Les sections sont identiques \u00e0 loadingExperience ci-dessus et il est peu probable que les sites moins fr\u00e9quent\u00e9s affichent des chiffres diff\u00e9rents.<\/p>\n<h3>lighthouseResult<\/h3>\n<p>Il s&rsquo;agit de la plus grande section, qui contient toutes les mesures de Lighthouse. Elle fournit des informations sur le test :<\/p>\n<ul>\n<li>requestedUrl &#8211; l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/description-url\/\">URL<\/a> que vous avez demand\u00e9e<\/li>\n<li>finalUrl &#8211; la page test\u00e9e apr\u00e8s avoir suivi toutes les redirections<\/li>\n<li>lighthouseVersion &#8211; la version du logiciel<\/li>\n<li>fetchTime &#8211; l&rsquo;heure \u00e0 laquelle le test a \u00e9t\u00e9 ex\u00e9cut\u00e9<\/li>\n<li>userAgent &#8211; cha\u00eene de l&rsquo;agent utilisateur du navigateur utilis\u00e9 pour le test<\/li>\n<li>environment &#8211; informations \u00e9tendues sur l&rsquo;agent utilisateur<\/li>\n<li>configSettings &#8211; les param\u00e8tres transmis \u00e0 l&rsquo;API<\/li>\n<\/ul>\n<p>Cette section est suivie d&rsquo;une section \u00ab audits \u00bb comprenant de nombreuses sections, dont unused-javascript, unused-css-rules, total-byte-weight, redirects, dom-size, largest-contentful-paint-element, server-response-time, network-requests, cumulative-layout-shift, first-meaningful-paint, screenshot-thumbnails, et full-page-screenshot.<\/p>\n<p>La plupart des mesures d&rsquo;audit comportent une section \u00ab details \u00bb qui contient des facteurs tels que overallSavingsBytes et overallSavingsMs, qui \u00e9valuent les avantages de la mise en \u0153uvre d&rsquo;une am\u00e9lioration des performances.<\/p>\n<p>Les sections \u00ab screenshot \u00bb de la page enti\u00e8re et des miniatures contiennent des donn\u00e9es d&rsquo;image base64 int\u00e9gr\u00e9es.<\/p>\n<p>Une section \u00ab metrics \u00bb fournit un r\u00e9sum\u00e9 de toutes les mesures dans un tableau \u00ab items \u00bb, par exemple<\/p>\n<pre><code>\"metrics\": {\n\"id\": \"metrics\",\n\"title\": \"Metrics\",\n\"description\": \"Collects all available metrics.\",\n\"score\": null,\n\"scoreDisplayMode\": \"informative\",\n\"details\": {\n\"type\": \"debugdata\",\n\"items\": [{\n\"observedFirstVisualChange\": 234,\n\"observedFirstContentfulPaint\": 284,\n\"interactive\": 278,\n\"observedFirstPaintTs\": 1579728174422,\n\"observedDomContentLoaded\": 314,\n\/\/ ... etc ...\n}]\n},\n\"numericValue\": 278,\n\"numericUnit\": \"millisecond\"\n},<\/code><\/pre>\n<p>La section \u00ab audits \u00bb est suivie de la section \u00ab categories \u00bb qui fournit les scores globaux de Lighthouse pour les cat\u00e9gories choisies transmises par l&rsquo;URL de l&rsquo;API :<\/p>\n<pre><code>\"categories\": {\n\"performance\": {\n\"id\": \"performance\",\n\"title\": \"Performance\",\n\"score\": 0.97,\n\"auditRefs\": [\n\/\/...<\/code><\/pre>\n<p>Le \u00ab score \u00bb est un nombre compris entre 0 et 1 qui appara\u00eet normalement sous forme de pourcentage dans les rapports Lighthouse. En g\u00e9n\u00e9ral, un score de :<\/p>\n<ul>\n<li>0.9 \u00e0 1,0 est bon<\/li>\n<li>0.5 \u00e0 moins de 0,9 indique qu&rsquo;une am\u00e9lioration est n\u00e9cessaire<\/li>\n<li>moins de 0,5 : mauvais et n\u00e9cessite une attention plus urgente<\/li>\n<\/ul>\n<p>La section \u00ab auditRefs \u00bb fournit une liste de tous les indicateurs et des pond\u00e9rations utilis\u00e9es pour calculer chaque score.<\/p>\n<h3>analysisUTCTimestamp<\/h3>\n<p>Enfin, l&rsquo;heure de l&rsquo;analyse est indiqu\u00e9e. Elle doit \u00eatre identique \u00e0 celle indiqu\u00e9e dans lighthouseResult.fetchTime.<\/p>\n<h2>Mesures utiles des r\u00e9sultats JSON<\/h2>\n<p>Je vous recommande d&rsquo;enregistrer et d&rsquo;examiner le r\u00e9sultat JSON dans un \u00e9diteur de texte. Certains d&rsquo;entre eux int\u00e8grent des formateurs JSON ou sont disponibles sous forme de modules d&rsquo;extension. Vous pouvez \u00e9galement utiliser des outils gratuits en ligne tels que :<\/p>\n<ul>\n<li><a href=\"https:\/\/jsonformatter.curiousconcept.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Formateur et validateur JSON<\/a><\/li>\n<li><a href=\"https:\/\/jsonformatter.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Formateur JSON<\/a><\/li>\n<li><a href=\"https:\/\/www.jsonformatter.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">jsonformatter.io<\/a><\/li>\n<\/ul>\n<p>Les mesures suivantes sont susceptibles d&rsquo;\u00eatre utiles. N&rsquo;oubliez pas de d\u00e9finir les options de cat\u00e9gorie associ\u00e9es sur l&rsquo;URL si n\u00e9cessaire.<\/p>\n<h3>R\u00e9sum\u00e9 des mesures<\/h3>\n<p>Notes globales de 0 \u00e0 1 :<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Performance<\/td>\n<td>lighthouseResult.categories.performance.score<\/td>\n<\/tr>\n<tr>\n<td>Accessibilit\u00e9<\/td>\n<td>lighthouseResult.categories.accessibility.score<\/td>\n<\/tr>\n<tr>\n<td>Meilleures pratiques<\/td>\n<td>lighthouseResult.categories.best-practices.score<\/td>\n<\/tr>\n<tr>\n<td>SEO<\/td>\n<td>lighthouseResult.categories.seo.score<\/td>\n<\/tr>\n<tr>\n<td>Progressive Web App (PWA)<\/td>\n<td>lighthouseResult.categories.pwa.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3>Mesures de performance<\/h3>\n<p>Il s&rsquo;agit des scores <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-site-core-web-vitals\/\">Core Web Vitals<\/a> de 0 \u00e0 1 :<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>First Contentful Paint<\/td>\n<td>lighthouseResult.audits.first-contentful-paint.score<\/td>\n<\/tr>\n<tr>\n<td>First Meaningful Paint<\/td>\n<td>lighthouseResult.audits.first-meaningful-paint.score<\/td>\n<\/tr>\n<tr>\n<td>Largest Contentful \u00e4int<\/td>\n<td>lighthouseResult.audits.largest-contentful-paint.score<\/td>\n<\/tr>\n<tr>\n<td>Speed Index<\/td>\n<td>lighthouseResult.audits.speed-index.score<\/td>\n<\/tr>\n<tr>\n<td>Cumulative Layout Shift<\/td>\n<td>lighthouseResult.audits.cumulative-layout-shift.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>D&rsquo;autres scores de performances utiles sont disponibles :<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Server response Time<\/td>\n<td>lighthouseResult.audits.server-response-time.score<\/td>\n<\/tr>\n<tr>\n<td>Is crawlable<\/td>\n<td>lighthouseResult.audits.is-crawlable.score<\/td>\n<\/tr>\n<tr>\n<td>Console errors<\/td>\n<td>lighthouseResult.audits.errors-in-console.score<\/td>\n<\/tr>\n<tr>\n<td>Total byte weight<\/td>\n<td>lighthouseResult.audits.total-byte-weight.score<\/td>\n<\/tr>\n<tr>\n<td>DOM size score<\/td>\n<td>lighthouseResult.audits.dom-size.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Vous pouvez g\u00e9n\u00e9ralement obtenir des chiffres et des unit\u00e9s r\u00e9els tels que :<\/p>\n<ul>\n<li>lighthouseResult.audits.total-byte-weight.numericValue &#8211;<br \/>\nla taille totale de la page, par exemple 450123<\/li>\n<li>lighthouseResult.audits.total-byte-weight.numericUnit &#8211; l&rsquo;unit\u00e9 utilis\u00e9e pour la taille totale de la page, par exemple 450123<br \/>\nles unit\u00e9s utilis\u00e9es pour la taille totale de la page, par exemple \u00ab byte \u00bb<\/li>\n<\/ul>\n<p>Sinon, \u00ab displayValue \u00bb contient g\u00e9n\u00e9ralement un message lisible indiquant \u00e0 la fois le chiffre et l&rsquo;unit\u00e9 :<\/p>\n<ul>\n<li>lighthouseResult.audits.server-response-time.displayValue &#8211;<br \/>\nun message sur le temps de r\u00e9ponse, par exemple \u00ab Root document took 170 ms \u00bb<\/li>\n<li>lighthouseResult.audits.dom-size.displayValue &#8211;<br \/>\nun message concernant le nombre d&rsquo;\u00e9l\u00e9ments dans le DOM, par exemple \u00ab 543 \u00e9l\u00e9ments \u00bb<\/li>\n<\/ul>\n<h2>Cr\u00e9er un tableau de bord des performances sans code<\/h2>\n<p>Les flux API en direct peuvent \u00eatre lus et trait\u00e9s dans de nombreux syst\u00e8mes, y compris Microsoft Excel. (Assez bizarrement, Google Sheets ne prend pas en charge les flux JSON sans plugins suppl\u00e9mentaires ou code macro. Il prend en charge XML)<\/p>\n<p>Pour importer le score de performance globale en direct dans Excel, d\u00e9marrez une nouvelle feuille de calcul, passez \u00e0 l&rsquo;onglet <strong>Donn\u00e9es<\/strong> et cliquez sur <strong>\u00c0 partir du web<\/strong>. Saisissez l&rsquo;URL de votre API PageSpeed Insights et cliquez sur OK :<\/p>\n<figure id=\"attachment_148081\" aria-describedby=\"caption-attachment-148081\" style=\"width: 816px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148081 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/excel-01-web.png\" alt=\"Importation de donn\u00e9es Excel depuis le web\" width=\"816\" height=\"326\"><figcaption id=\"caption-attachment-148081\" class=\"wp-caption-text\">Importation de donn\u00e9es Excel depuis le web<\/figcaption><\/figure>\n<p>Cliquez sur <strong>Connecter <\/strong>dans la bo\u00eete de dialogue suivante et conservez le r\u00e9glage par d\u00e9faut (Anonyme). Vous acc\u00e9derez \u00e0 l&rsquo;outil <strong>R\u00e9glages de la requ\u00eate<\/strong> :<\/p>\n<figure id=\"attachment_148082\" aria-describedby=\"caption-attachment-148082\" style=\"width: 1373px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148082 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/excel-02-query.png\" alt=\"Outil de r\u00e9glages de requ\u00eate Excel\" width=\"1373\" height=\"846\"><figcaption id=\"caption-attachment-148082\" class=\"wp-caption-text\">Outil de r\u00e9glages de requ\u00eate Excel<\/figcaption><\/figure>\n<p>Cliquez sur <strong>Enregistrer<\/strong> \u00e0 droite de la mesure du r\u00e9sultat de <strong>lighthouse<\/strong>. Cliquez ensuite sur les <strong>cat\u00e9gories<\/strong> et les <strong>performances<\/strong> pour explorer la hi\u00e9rarchie des objets JSON :<\/p>\n<figure id=\"attachment_148083\" aria-describedby=\"caption-attachment-148083\" style=\"width: 666px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148083 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/excel-03-navigate.png\" alt=\"Exploration de l'objet JSON dans Excel\" width=\"666\" height=\"467\"><figcaption id=\"caption-attachment-148083\" class=\"wp-caption-text\">Exploration de l&rsquo;objet JSON dans Excel<\/figcaption><\/figure>\n<p>Cliquez sur l&rsquo;ic\u00f4ne<strong> Dans le tableau<\/strong> haut des options du menu contextuel.<\/p>\n<p>Vous pouvez ensuite cliquer sur la fl\u00e8che de filtrage dans l&rsquo;en-t\u00eate du tableau pour supprimer tout ce qui n&rsquo;est pas le <strong>score<\/strong> avant de cliquer sur <strong>OK<\/strong>:<\/p>\n<figure id=\"attachment_148084\" aria-describedby=\"caption-attachment-148084\" style=\"width: 609px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148084 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/excel-04-filter.png\" alt=\"Exploration de l'objet JSON dans Excel\" width=\"609\" height=\"578\"><figcaption id=\"caption-attachment-148084\" class=\"wp-caption-text\">Exploration de l&rsquo;objet JSON dans Excel<\/figcaption><\/figure>\n<p>Enfin, cliquez sur <strong>Fermer et charger<\/strong> pour afficher le score de la performance en direct dans votre feuille de calcul :<\/p>\n<figure id=\"attachment_148085\" aria-describedby=\"caption-attachment-148085\" style=\"width: 905px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148085 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/excel-05-import.png\" alt=\"Donn\u00e9es Excel en direct\" width=\"905\" height=\"661\"><figcaption id=\"caption-attachment-148085\" class=\"wp-caption-text\">Donn\u00e9es Excel en direct<\/figcaption><\/figure>\n<p>Vous pouvez suivre le m\u00eame processus pour d&rsquo;autres mesures qui vous int\u00e9ressent.<\/p>\n<h2>Cr\u00e9er un tableau de bord des performances web<\/h2>\n<p>Cette <strong><a href=\"https:\/\/codepen.io\/craigbuckler\/full\/OJEVQvj\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9monstration Codepen<\/a><\/strong> propose un formulaire dans lequel vous pouvez saisir une URL et choisir l&rsquo;analyse sur ordinateur ou sur mobile pour obtenir des r\u00e9sultats.<\/p>\n<p>Le code cr\u00e9e une URL PageSpeed Insights, appelle l&rsquo;API, puis restitue les diff\u00e9rents r\u00e9sultats dans un tableau r\u00e9capitulatif plus rapide \u00e0 consulter qu&rsquo;un rapport Lighthouse standard :<\/p>\n<figure id=\"attachment_148087\" aria-describedby=\"caption-attachment-148087\" style=\"width: 747px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148087 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/test-result.png\" alt=\"Exemple de r\u00e9sultat de test\" width=\"747\" height=\"493\"><figcaption id=\"caption-attachment-148087\" class=\"wp-caption-text\">Exemple de r\u00e9sultat de test<\/figcaption><\/figure>\n<p>La fonction asynchrone <code>startCheck()<\/code> est appel\u00e9e lorsque le formulaire est envoy\u00e9. Elle annule l&rsquo;\u00e9v\u00e9nement de soumission et masque les r\u00e9sultats pr\u00e9c\u00e9dents :<\/p>\n<pre><code>\/\/ make API request\nasync function startCheck(e) {\ne.preventDefault();\nshow(resultTable, false);\nshow(status);\nshow(error, false);<\/code><\/pre>\n<p>Elle construit ensuite <code>apiURL<\/code> \u00e0 partir des donn\u00e9es du formulaire et d\u00e9sactive les champs :<\/p>\n<pre><code>  const\nform = e.target,\nfields = form.firstElementChild,\ndata = new FormData(form),\nqs = decodeURIComponent( new URLSearchParams(data).toString() ),\napiURL = form.action + '?' + qs;\nfields.disabled = true;<\/code><\/pre>\n<p>L&rsquo;<a href=\"https:\/\/developer.mozilla.org\/docs\/Web\/API\/Fetch_API\" target=\"_blank\" rel=\"noopener noreferrer\">API Fetch<\/a> est utilis\u00e9e pour appeler l&rsquo;URL PageSpeed, obtenir la r\u00e9ponse et analyser la cha\u00eene JSON en un objet JavaScript utilisable. Un bloc try\/catch permet de s&rsquo;assurer que les \u00e9checs sont captur\u00e9s :<\/p>\n<pre><code>  try {\n\/\/ call API and get result\nconst\nresponse = await fetch(apiURL),\nresult = await response.json();<\/code><\/pre>\n<p>L&rsquo;objet r\u00e9sultat est transmis \u00e0 une fonction <code>showResult()<\/code>. Celle-ci extrait les propri\u00e9t\u00e9s et les place dans le tableau des r\u00e9sultats ou dans tout autre \u00e9l\u00e9ment HTML dont l&rsquo;attribut data-point est d\u00e9fini sur une propri\u00e9t\u00e9 de l&rsquo;API PageSpeed, par ex.<\/p>\n<p><code>&lt;td data-point=\"lighthouseResult.categories.performance.score\"&gt;&lt;\/td&gt;<\/code><\/p>\n<p>Fin du bloc try :<\/p>\n<pre><code>    \/\/ output result\nshowResult(result);\nshow(status, false);\nshow(resultTable);\n}<\/code><\/pre>\n<p>Enfin, un bloc catch g\u00e8re les erreurs et les champs du formulaire sont r\u00e9activ\u00e9s pour permettre l&rsquo;ex\u00e9cution d&rsquo;autres tests :<\/p>\n<pre><code>  catch(err) {\n\/\/ API error\nconsole.log(err);\nshow(status, false);\nshow(error);\n}\nfields.disabled = false;\n}<\/code><\/pre>\n<h2>Autres options de d\u00e9veloppement<\/h2>\n<p>Le code d&rsquo;exemple ci-dessus r\u00e9cup\u00e8re un r\u00e9sultat de l&rsquo;API PageSpeed Insights lorsque vous le demandez. Le rapport est plus configurable que Lighthouse, mais l&rsquo;ex\u00e9cution reste un processus manuel.<\/p>\n<p>Si vous avez l&rsquo;intention de d\u00e9velopper votre propre tableau de bord, il peut \u00eatre pratique de cr\u00e9er une petite application qui appelle l&rsquo;API PageSpeed Insights et stocke le JSON r\u00e9sultant dans un nouvel enregistrement de <a href=\"https:\/\/sevalla.com\/database-hosting\/\">base de donn\u00e9es<\/a> en fonction de l&rsquo;URL test\u00e9e et de la date et de l&rsquo;heure actuelles. La plupart des bases de donn\u00e9es prennent en charge le JSON, mais <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-mongodb\/\">MongoDB<\/a> est id\u00e9alement adapt\u00e9 \u00e0 cette t\u00e2che. Une <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/gestion-site\/taches-cron\/\">t\u00e2che cron<\/a> peut appeler votre application sur une base temporelle &#8211; par exemple une fois par jour aux premi\u00e8res heures du matin.<\/p>\n<p>Une application c\u00f4t\u00e9 serveur peut alors mettre en \u0153uvre sa propre API REST pour r\u00e9pondre \u00e0 vos besoins en mati\u00e8re de rapports, par exemple en renvoyant les changements dans des mesures de performance sp\u00e9cifiques entre deux dates. Elle peut \u00eatre appel\u00e9e par <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> c\u00f4t\u00e9 client pour afficher des tableaux ou des graphiques illustrant l&rsquo;am\u00e9lioration des performances au fil du temps.<\/p>\n<p>Si vous souhaitez cr\u00e9er des rapports complexes avec des quantit\u00e9s importantes de donn\u00e9es, il est pr\u00e9f\u00e9rable de pr\u00e9-calculer les chiffres une fois par jour, au moment o\u00f9 les nouvelles donn\u00e9es PageSpeed sont disponibles. Apr\u00e8s tout, vous ne voudriez pas montrer l&rsquo;am\u00e9lioration des performances dans un rapport qui prend des minutes \u00e0 g\u00e9n\u00e9rer !<\/p>\n\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>L&rsquo;outil Lighthouse de Chrome est fabuleux, mais c&rsquo;est une corv\u00e9e d&rsquo;\u00e9valuer fr\u00e9quemment de nombreuses pages. L&rsquo;API PageSpeed Insights vous permet d&rsquo;\u00e9valuer les performances d&rsquo;un site \u00e0 l&rsquo;aide de techniques programmatiques. Les avantages :<\/p>\n<ul>\n<li>Les tests de <a href=\"https:\/\/kinsta.com\/website-performance\/\">performance<\/a> peuvent \u00eatre automatis\u00e9s. <em>Vous ne pouvez pas oublier d&rsquo;ex\u00e9cuter un test.<\/em><\/li>\n<li>Les r\u00e9sultats sont recueillis sur les serveurs de Google, de sorte que les facteurs li\u00e9s \u00e0 la vitesse de l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/devkinsta\/\">appareil local<\/a> et du r\u00e9seau ont moins d&rsquo;influence.<\/li>\n<li>Les mesures comprennent des informations qui ne sont g\u00e9n\u00e9ralement pas disponibles dans <a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-site-core-web-vitals\/\">Lighthouse<\/a>.<\/li>\n<li>Les mesures importantes <a href=\"https:\/\/sevalla.com\/database-hosting\/\">peuvent \u00eatre enregistr\u00e9es<\/a> et suivies dans le temps pour s&rsquo;assurer que les performances des pages se sont am\u00e9lior\u00e9es \u00e0 chaque mise \u00e0 jour.<\/li>\n<li>Les informations relatives aux performances, \u00e0 l&rsquo;accessibilit\u00e9 et au <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-hebergement-affecte-seo\/\">SEO<\/a> peuvent \u00eatre affich\u00e9es dans des <a href=\"https:\/\/sevalla.com\/application-hosting\/\">rapports simplifi\u00e9s<\/a> afin que les d\u00e9veloppeurs, les responsables et les clients puissent les consulter d&rsquo;un seul coup d&rsquo;\u0153il.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Il existe des outils permettant de contr\u00f4ler les performances des pages et d&rsquo;\u00e9valuer les am\u00e9liorations apport\u00e9es. L&rsquo;un des meilleurs est PageSpeed Insights. Il est disponible sous &#8230;<\/p>\n","protected":false},"author":188,"featured_media":67250,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[953,1020,951,1024],"class_list":["post-67249","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-api","topic-outils-developpement-web","topic-statistiques","topic-vitesse-site-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment utiliser l&#039;API PageSpeed Insights pour surveiller la performance des pages - Kinsta<\/title>\n<meta name=\"description\" content=\"L&#039;API REST de PageSpeed Insights vous permet de rassembler automatiquement des mesures de type Lighthouse. Des exemples de code et de rapports Excel sont fournis.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment utiliser l&#039;API PageSpeed Insights pour surveiller la performance des pages\" \/>\n<meta property=\"og:description\" content=\"L&#039;API REST de PageSpeed Insights vous permet de rassembler automatiquement des mesures de type Lighthouse. Des exemples de code et de rapports Excel sont fournis.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-16T07:31:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-21T14:38:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/pagespeed-insights-api.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"3042\" \/>\n\t<meta property=\"og:image:height\" content=\"1521\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Craig Buckler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"L&#039;API REST de PageSpeed Insights vous permet de rassembler automatiquement des mesures de type Lighthouse. Des exemples de code et de rapports Excel sont fournis.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/pagespeed-insights-api.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@craigbuckler\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Craig Buckler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/\"},\"author\":{\"name\":\"Craig Buckler\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/715d986404b06691ab3014e06596908e\"},\"headline\":\"Comment utiliser l&rsquo;API PageSpeed Insights pour surveiller la performance des pages\",\"datePublished\":\"2023-03-16T07:31:33+00:00\",\"dateModified\":\"2023-08-21T14:38:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/\"},\"wordCount\":2818,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/pagespeed-insights-api.jpg\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/\",\"name\":\"Comment utiliser l'API PageSpeed Insights pour surveiller la performance des pages - Kinsta\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/pagespeed-insights-api.jpg\",\"datePublished\":\"2023-03-16T07:31:33+00:00\",\"dateModified\":\"2023-08-21T14:38:43+00:00\",\"description\":\"L'API REST de PageSpeed Insights vous permet de rassembler automatiquement des mesures de type Lighthouse. Des exemples de code et de rapports Excel sont fournis.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/pagespeed-insights-api.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/pagespeed-insights-api.jpg\",\"width\":3042,\"height\":1521},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vitesse du site web\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/vitesse-site-web\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment utiliser l&rsquo;API PageSpeed Insights pour surveiller la performance des pages\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/715d986404b06691ab3014e06596908e\",\"name\":\"Craig Buckler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8e76011e66720bd2e3e24e164aa6f0b2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8e76011e66720bd2e3e24e164aa6f0b2?s=96&d=mm&r=g\",\"caption\":\"Craig Buckler\"},\"description\":\"Freelance UK web developer, writer, and speaker. Has been around a long time and rants about standards and performance.\",\"sameAs\":[\"https:\/\/craigbuckler.com\/\",\"https:\/\/www.linkedin.com\/in\/craigbuckler\",\"https:\/\/x.com\/craigbuckler\",\"https:\/\/www.youtube.com\/channel\/UCQwdl5oBTWGhifS6bRGADMQ\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/craigbuckler\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Comment utiliser l'API PageSpeed Insights pour surveiller la performance des pages - Kinsta","description":"L'API REST de PageSpeed Insights vous permet de rassembler automatiquement des mesures de type Lighthouse. Des exemples de code et de rapports Excel sont fournis.","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:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment utiliser l'API PageSpeed Insights pour surveiller la performance des pages","og_description":"L'API REST de PageSpeed Insights vous permet de rassembler automatiquement des mesures de type Lighthouse. Des exemples de code et de rapports Excel sont fournis.","og_url":"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2023-03-16T07:31:33+00:00","article_modified_time":"2023-08-21T14:38:43+00:00","og_image":[{"width":3042,"height":1521,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/pagespeed-insights-api.jpg","type":"image\/jpeg"}],"author":"Craig Buckler","twitter_card":"summary_large_image","twitter_description":"L'API REST de PageSpeed Insights vous permet de rassembler automatiquement des mesures de type Lighthouse. Des exemples de code et de rapports Excel sont fournis.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/pagespeed-insights-api.jpg","twitter_creator":"@craigbuckler","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Craig Buckler","Dur\u00e9e de lecture estim\u00e9e":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/"},"author":{"name":"Craig Buckler","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/715d986404b06691ab3014e06596908e"},"headline":"Comment utiliser l&rsquo;API PageSpeed Insights pour surveiller la performance des pages","datePublished":"2023-03-16T07:31:33+00:00","dateModified":"2023-08-21T14:38:43+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/"},"wordCount":2818,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/pagespeed-insights-api.jpg","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/","url":"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/","name":"Comment utiliser l'API PageSpeed Insights pour surveiller la performance des pages - Kinsta","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/pagespeed-insights-api.jpg","datePublished":"2023-03-16T07:31:33+00:00","dateModified":"2023-08-21T14:38:43+00:00","description":"L'API REST de PageSpeed Insights vous permet de rassembler automatiquement des mesures de type Lighthouse. Des exemples de code et de rapports Excel sont fournis.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/pagespeed-insights-api.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/03\/pagespeed-insights-api.jpg","width":3042,"height":1521},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/api-pagespeed-insights\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Vitesse du site web","item":"https:\/\/kinsta.com\/fr\/sujets\/vitesse-site-web\/"},{"@type":"ListItem","position":3,"name":"Comment utiliser l&rsquo;API PageSpeed Insights pour surveiller la performance des pages"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/715d986404b06691ab3014e06596908e","name":"Craig Buckler","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8e76011e66720bd2e3e24e164aa6f0b2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8e76011e66720bd2e3e24e164aa6f0b2?s=96&d=mm&r=g","caption":"Craig Buckler"},"description":"Freelance UK web developer, writer, and speaker. Has been around a long time and rants about standards and performance.","sameAs":["https:\/\/craigbuckler.com\/","https:\/\/www.linkedin.com\/in\/craigbuckler","https:\/\/x.com\/craigbuckler","https:\/\/www.youtube.com\/channel\/UCQwdl5oBTWGhifS6bRGADMQ"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/craigbuckler\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/67249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/188"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=67249"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/67249\/revisions"}],"predecessor-version":[{"id":67280,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/67249\/revisions\/67280"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67249\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67249\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67249\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67249\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67249\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67249\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67249\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67249\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67249\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67249\/translations\/dk"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/67249\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/67250"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=67249"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=67249"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=67249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}