{"id":51073,"date":"2023-03-16T08:34:23","date_gmt":"2023-03-16T07:34:23","guid":{"rendered":"https:\/\/kinqsta.com\/nl\/?p=51073&#038;preview=true&#038;preview_id=51073"},"modified":"2023-06-15T13:59:48","modified_gmt":"2023-06-15T11:59:48","slug":"pagespeed-insights-api","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/","title":{"rendered":"Zo gebruik je de PageSpeed Insights API om de paginaprestaties te monitoren"},"content":{"rendered":"<p>Er zijn vele tools te vinden om de <a href=\"https:\/\/kinqsta.com\/nl\/blog\/application-performance-monitoring\/\">prestaties van pagina&#8217;s te monitoren<\/a> en te zien of de verbeteringen aan je site helpen. Een van de beste is PageSpeed Insights en is beschikbaar als <a href=\"https:\/\/pagespeed.web.dev\/\">webapplicatie<\/a> en als het Lighthouse tabblad in de DevTools van Chrome (dezelfde DevTools zijn ook beschikbaar in Edge, Opera, Brave en Vivaldi).<\/p>\n<p>En dat is belangrijk, want prestaties van webpagina&#8217;s zijn nog nooit zo cruciaal geweest. Gebruikers verwachten een soepele en responsieve ervaring die het kan opnemen tegen desktopapplicaties. Bovendien meten de <a href=\"https:\/\/kinqsta.com\/nl\/blog\/core-web-vitals\/\">Core Web Vitals<\/a> van Google de paginaprestaties &#8211; ze be\u00efnvloeden de PageRank en je inspanningen voor <a href=\"https:\/\/kinqsta.com\/seo\/\">zoekmachineoptimalisatie<\/a>.<\/p>\n<p>Meer dan een derde van alle websites draait op WordPress, van zichzelf een enorm snelle CMS. <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wordpress-traag\/\">De prestaties worden echter be\u00efnvloed<\/a> door ineffectieve hosting, trage thema&#8217;s en een te grote afhankelijkheid van plugins. Je kunt <a href=\"https:\/\/kinqsta.com\/nl\/leren\/snelheidsoptimalisatie\/\">de meeste problemen oplossen<\/a> door over te stappen op een <a href=\"https:\/\/kinqsta.com\/nl\/wordpress-hosting\/migraties\/\">goede webhost<\/a> en de <a href=\"https:\/\/kinqsta.com\/nl\/cheat-sheets\/sitesnelheid-cheat-sheet\/\">best practices rond performancetechnieken<\/a> toe te passen.<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>Adgang til Lighthouse<\/h2>\n<p>Start Lighthouse door de pagina die je wilt onderzoeken te openen en op <strong>Ctrl\/Cmd + Shift + I <\/strong>te drukken of door <strong>Developer Tools<\/strong> te kiezen uit <strong>More tools<\/strong>\u00a0in het menu. Ga naar het tabblad <strong>Lighthouse <\/strong>en klik op de knop <strong>Analyse Page Load.<\/strong>\u00a0De resultaten worden na enkele seconden getoond:<\/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:\/\/kinqsta.com\/wp-content\/uploads\/2023\/03\/lighthouse.png\" alt=\"Voorbeeld van een Lighthouse rapport\" width=\"971\" height=\"994\"><figcaption id=\"caption-attachment-148073\" class=\"wp-caption-text\">Voorbeeld van een Lighthouse rapport<\/figcaption><\/figure>\n<p>Je kunt in de bovenste percentages inzoomen om meer informatie en hints te ontdekken die bekende problemen aanpakken. De tool is van onschatbare waarde, maar er zijn ook nadelen:<\/p>\n<ul>\n<li>Je moet handmatig een run starten voor elke pagina die je test.<\/li>\n<li>Het is niet eenvoudig om vast te leggen hoe factoren in de loop van de tijd zijn verbeterd <em>of verslechterd<\/em>.<\/li>\n<li>Er zijn veel gegevens te controleren en het is <a href=\"https:\/\/kinqsta.com\/nl\/blog\/snelheidstest-website\/\">gemakkelijk om iets fout<\/a> te doen.<\/li>\n<li>De technische details zijn bedoeld voor developers. Het is mogelijk overweldigend voor klanten en managers die een snel overzicht willen van de voortgang.<\/li>\n<li>Lighthouse tests kunnen be\u00efnvloed worden door lokale apparaat- en netwerksnelheden, wat tot verkeerde aannames kan leiden.<\/li>\n<\/ul>\n<p>De PageSpeed Insights API biedt een manier om deze problemen op te lossen, zodat tests kunnen worden geautomatiseerd, vastgelegd en vergeleken.<\/p>\n<h2>Wat is de PageSpeed Insights API?<\/h2>\n<p>Google biedt een gratis PageSpeed Insights REST <a href=\"https:\/\/kinqsta.com\/blog\/api-endpoint\/\">API<\/a> die gegevens in JSON format retourneert met alle Lighthouse statistieken en meer. Hiermee kun je paginaruns automatiseren, de resulterende gegevens opslaan, veranderingen in de tijd bekijken en precies de informatie weergeven die je nodig hebt.<\/p>\n<p>De PageSpeed Insights API emuleert hoe Google je site <em>ziet<\/em>. Je zou elke paar dagen een rapport kunnen draaien of telkens als je een prestatie-update uitbrengt.<\/p>\n<p>De resultaten zijn nuttig, maar niet noodzakelijkerwijs indicatief voor de werkelijke gebruikerservaring. De <a href=\"https:\/\/kinqsta.com\/nl\/blog\/performance-api\/\">Browser Performance API<\/a> is een betere optie als je de werkelijke prestaties over alle apparaten en netwerken van je gebruikers wilt volgen.<\/p>\n\n<h2>PageSpeed Insights API Quickstart<\/h2>\n<p>Kopieer het volgende adres naar je webbrowser en bewerk de <code>url<\/code> om de prestaties van je pagina te beoordelen:<\/p>\n<p><code>https:\/\/www.googleapis.com\/pagespeedonline\/v5\/runPagespeed?url=https:\/\/www.yoursite.com\/<\/code><\/p>\n<p>Firefox is ideaal omdat het een ingebouwde JSON viewer heeft, hoewel <a href=\"https:\/\/chrome.google.com\/webstore\/search\/json%20viewer\">Chrome extensies<\/a> heeft die dezelfde functionaliteit bieden. De algemene Lighthouse prestatiescore is hieronder gehighlighted:<\/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:\/\/kinqsta.com\/wp-content\/uploads\/2023\/03\/pagespeed-test.png\" alt=\"PageSpeed Insights API resultaat JSON (Firefox)\" width=\"842\" height=\"954\"><figcaption id=\"caption-attachment-148078\" class=\"wp-caption-text\">PageSpeed Insights API resultaat JSON (Firefox)<\/figcaption><\/figure>\n<p>Je kunt de API URL <a href=\"https:\/\/kinqsta.com\/nl\/blog\/remove-query-strings-static-resources\/\">querystring<\/a> veranderen voor je eigen pagina&#8217;s en voorkeuren. De enige vereiste parameter is <code>url<\/code>, bijv.<\/p>\n<p><code>url=https:\/\/mysite.com\/page1<\/code><\/p>\n<p>Standaard wordt een desktoptest uitgevoerd, maar je kunt deze expliciet aanvragen met:<\/p>\n<p><code>strategy=desktop<\/code><\/p>\n<p>of overschakelen naar mobiel met:<\/p>\n<p><code>strategy=mobile<\/code><\/p>\n<p>Er worden alleen prestatietests uitgevoerd, tenzij je een of meer categorie\u00ebn opgeeft:<\/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>Een specifieke taal kan worden gedefinieerd door een locale in te stellen &#8211; zoals Frans:<\/p>\n<p><code>locale=fr-FR<\/code><\/p>\n<p>en Google Analytics campagnedetails kunnen worden ingesteld met:<\/p>\n<p><code>utm_campaign=&lt;campaign&gt;<\/code><br \/>\n<code>utm_source=&lt;source&gt;<\/code><\/p>\n<p>De dienst is gratis voor infrequente verzoeken, maar je moet <a href=\"https:\/\/console.cloud.google.com\/projectselector2\/apis\/credentials\" target=\"_blank\" rel=\"noopener noreferrer\">je aanmelden voor een Google API sleutel<\/a> als je van plan bent om in een korte periode veel tests uit te voeren vanaf hetzelfde IP adres. De sleutel wordt aan de URL toegevoegd met:<\/p>\n<p><code>key=&lt;api-key&gt;<\/code><\/p>\n<p>Je kunt de querystring van de URL opbouwen door je gekozen parameters te specificeren, gescheiden met ampersand (&#038;) tekens. De volgende API URL test de pagina op <code>https:\/\/mysite.com\/<\/code> met behulp van een mobiel apparaat om de prestaties en toegankelijkheidscriteria te beoordelen:<\/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>Je kunt je eigen URL&#8217;s samenstellen of de <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed\" target=\"_blank\" rel=\"noopener noreferrer\">Google PageSpeed API URL buildertool<\/a> gebruiken als je meer hulp nodig hebt.<\/p>\n<h2>PageSpeed Insights API JSON resultaten<\/h2>\n<p>Tests geven meestal ongeveer 600Kb aan JSON gegevens terug, afhankelijk van de gekozen categorie\u00ebn, het aantal onderdelen op de pagina en de complexiteit van de schermafbeeldingen (ingesloten in base64 format).<\/p>\n<p>De hoeveelheid gegevens is ontmoedigend, er is enige duplicatie, en de <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed#response\" target=\"_blank\" rel=\"noopener noreferrer\">documentatie van de resultaten<\/a> is niet altijd duidelijk. De JSON is opgedeeld in vier secties, zoals hieronder beschreven.<\/p>\n<h3>loadingExperience<\/h3>\n<p>Dit zijn statistieken berekend voor de laadervaring van de pagina van de eindgebruiker. Het bevat informatie zoals de Core Web Vitals CUMULATIVE_LAYOUT_SHIFT_SCORE, FIRST_CONTENTFUL_PAINT_MS, en FIRST_INPUT_DELAY_MS. Details en een &#8220;category&#8221; waarde geeft FAST, AVERAGE, SLOW, of NONE als er geen meting is gedaan. Voorbeeld:<\/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>Dit zijn geaggregeerde statistieken berekend voor de laadervaring van alle gebruikers. De secties zijn identiek aan loadingExperience hierboven en sites met minder verkeer zullen waarschijnlijk geen verschil in cijfers laten zien.<\/p>\n<h3>lighthouseResult<\/h3>\n<p>Dit is de grootste sectie en bevat alle Lighthouse statistieken. Het geeft informatie over de test:<\/p>\n<ul>\n<li>requestedUrl &#8211; de opgevraagde <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wat-is-een-url\/\">URL<\/a><\/li>\n<li>finalUrl &#8211; de werkelijk geteste pagina na het volgen van alle redirects<\/li>\n<li>lighthouseVersion &#8211; de softwareversie<\/li>\n<li>fetchTime &#8211; het tijdstip waarop de test is uitgevoerd<\/li>\n<li>userAgent &#8211; de user agent string van de browser die voor de test is gebruikt<\/li>\n<li>environment &#8211; uitgebreide user agent informatie<\/li>\n<li>configSettings &#8211; de instellingen die aan de API zijn doorgegeven<\/li>\n<\/ul>\n<p>Dit wordt gevolgd door een &#8220;audits&#8221; sectie met vele secties, waaronder 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, en full-page-screenshot.<\/p>\n<p>De meeste auditstatistieken bieden een &#8220;details&#8221; sectie die factoren bevat als &#8220;overallSavingsBytes&#8221; en &#8220;overallSavingsMs&#8221; die de voordelen van het doorvoeren van een prestatieverbetering inschatten.<\/p>\n<p>De secties &#8220;screenshot&#8221; van de volledige pagina en thumbnails bevatten ingesloten base64 afbeeldingsgegevens.<\/p>\n<p>Een &#8220;metrics&#8221; sectie geeft een samenvatting van alle metriek in een &#8220;items&#8221; array, bijv.<\/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>De &#8220;audits&#8221; sectie wordt gevolgd door &#8220;categories&#8221; die algemene Lighthouse scores geeft voor de gekozen categorie\u00ebn die via de API URL zijn doorgegeven:<\/p>\n<pre><code>\"categories\": {\n\"performance\": {\n\"id\": \"performance\",\n\"title\": \"Performance\",\n\"score\": 0.97,\n\"auditRefs\": [\n\/\/...<\/code><\/pre>\n<p>De &#8220;score&#8221; is een getal tussen 0 en 1 dat normaal gesproken als percentage wordt weergegeven op Lighthouse rapporten. In het algemeen is een score van:<\/p>\n<ul>\n<li>0.9 tot 1,0 is goed<\/li>\n<li>0.5 tot onder 0,9 geeft aan dat verbetering nodig is<\/li>\n<li>minder dan 0,5 is slecht en vereist meer dringende aandacht<\/li>\n<\/ul>\n<p>Het onderdeel &#8220;auditRefs&#8221; geeft een lijst van alle statistieken en de wegingen die zijn gebruikt om elke score te berekenen.<\/p>\n<h3>analyseUTCTimestamp<\/h3>\n<p>Tenslotte wordt de analysetijd gerapporteerd. Deze zou identiek moeten zijn aan de tijd die getoond wordt in lighthouseResult.fetchTime.<\/p>\n<h2>Nuttige JSON resultaatgegevens<\/h2>\n<p>Ik raad je aan het JSON resultaat op te slaan en te onderzoeken in een tekstverwerker. Sommige hebben JSON formatters ingebouwd of zijn beschikbaar als plugins. Als alternatief kun je gratis online tools gebruiken zoals:<\/p>\n<ul>\n<li><a href=\"https:\/\/jsonformatter.curiousconcept.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSON Formatter &#038; Validator<\/a><\/li>\n<li><a href=\"https:\/\/jsonformatter.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSON Formatter<\/a><\/li>\n<li><a href=\"https:\/\/www.jsonformatter.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">jsonformatter.io<\/a><\/li>\n<\/ul>\n<p>De volgende statistieken komen waarschijnlijk van pas. Vergeet niet de bijbehorende categorie opties op de URL in te stellen als dat nodig is.<\/p>\n<h3>Samenvattende statistieken<\/h3>\n<p>Algemene scores van 0 tot 1:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Prestaties<\/td>\n<td>lighthouseResult.categories.performance.score<\/td>\n<\/tr>\n<tr>\n<td>Toegankelijkheid<\/td>\n<td>lighthouseResult.categories.accessibility.score<\/td>\n<\/tr>\n<tr>\n<td>Best-practices<\/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>Prestatiecijfers<\/h3>\n<p>Dit zijn de <a href=\"https:\/\/kinqsta.com\/nl\/blog\/core-web-vitals\/\">Core Web Vitals<\/a> scores van 0 tot 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 Paint<\/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>Andere nuttige prestatiescores zijn:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Serverresponstijd<\/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>Consolefouten<\/td>\n<td>lighthouseResult.audits.errors-in-console.score<\/td>\n<\/tr>\n<tr>\n<td>Totaal aantal bytes<\/td>\n<td>lighthouseResult.audits.total-byte-weight.score<\/td>\n<\/tr>\n<tr>\n<td>DOM grootte score<\/td>\n<td>lighthouseResult.audits.dom-size.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Je kunt meestal actuele cijfers en eenheden verkrijgen zoals:<\/p>\n<ul>\n<li>lighthouseResult.audits.total-byte-weight.numericValue &#8211;<br \/>\nde totale paginagrootte, bijv. 450123<\/li>\n<li>lighthouseResult.audits.total-byte-weight.numericUnit &#8211; de voor de totale paginagrootte gebruikte eenheden, bijv &#8220;byte&#8221;<\/li>\n<\/ul>\n<p>Als alternatief bevat &#8220;displayValue&#8221; meestal een leesbaar bericht met zowel het cijfer als de eenheid:<\/p>\n<ul>\n<li>lighthouseResult.audits.server-response-time.displayValue &#8211;<br \/>\neen bericht over de responstijd, bijv. &#8220;Root document duurde 170 ms&#8221;<\/li>\n<li>lighthouseResult.audits.dom-size.displayValue &#8211;<br \/>\neen bericht over het aantal elementen in het DOM, bijv. &#8220;543 elementen&#8221;<\/li>\n<\/ul>\n<h2>Maak een no-code Performance Dashboard<\/h2>\n<p>Live API feeds kunnen worden gelezen en verwerkt in veel systemen, waaronder Microsoft Excel. (Enigszins bizar genoeg ondersteunt Google Sheets geen JSON feeds zonder verdere plugins of macrocode. Het ondersteunt wel XML.)<\/p>\n<p>Om de live algemene prestatiescore in Excel te importeren, start je een nieuwe spreadsheet, ga je naar het tabblad <strong>Data<\/strong>\u00a0 en klik je op <strong>From Web<\/strong>. Voer je PageSpeed Insights API URL in en klik op 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:\/\/kinqsta.com\/wp-content\/uploads\/2023\/03\/excel-01-web.png\" alt=\"Excel From Web gegevens importeren\" width=\"816\" height=\"326\"><figcaption id=\"caption-attachment-148081\" class=\"wp-caption-text\">Excel From Web gegevens importeren<\/figcaption><\/figure>\n<p>Klik op <strong>Connect<\/strong><strong>\u00a0<\/strong>in het volgende dialoogvenster en behoud de standaardinstelling (Anoniem). Je gaat door naar de tool <strong>Query Settings<\/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:\/\/kinqsta.com\/wp-content\/uploads\/2023\/03\/excel-02-query.png\" alt=\"Excel Query Settings Tool\" width=\"1373\" height=\"846\"><figcaption id=\"caption-attachment-148082\" class=\"wp-caption-text\">Excel Query Settings Tool<\/figcaption><\/figure>\n<p>Klik op <strong>Record<\/strong> rechts van de <strong>lighthouse<\/strong> resultaatmetriek. Klik dan hetzelfde op <strong>categories<\/strong> en <strong>performance<\/strong>\u00a0om in de JSON objecthi\u00ebrarchie naar beneden te boren:<\/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:\/\/kinqsta.com\/wp-content\/uploads\/2023\/03\/excel-03-navigate.png\" alt=\"Excel JSON object drill-down\" width=\"666\" height=\"467\"><figcaption id=\"caption-attachment-148083\" class=\"wp-caption-text\">Excel JSON object drill-down<\/figcaption><\/figure>\n<p>Klik op het pictogram<strong> Into Table<\/strong>\u00a0bovenaan in de opties van het rechtsklikmenu.<\/p>\n<p>Je kunt dan op de filterpijl in de tabelkop klikken om alles behalve de <strong>score<\/strong> te verwijderen voordat je op <strong>OK<\/strong> klikt:<\/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:\/\/kinqsta.com\/wp-content\/uploads\/2023\/03\/excel-04-filter.png\" alt=\"Excel ge\u00efmporteerde tabel filteren\" width=\"609\" height=\"578\"><figcaption id=\"caption-attachment-148084\" class=\"wp-caption-text\">Excel ge\u00efmporteerde tabel filteren<\/figcaption><\/figure>\n<p>Klik tenslotte op <strong>Close &#038; Load<\/strong>\u00a0om de live prestatiescore in je spreadsheet te tonen:<\/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:\/\/kinqsta.com\/wp-content\/uploads\/2023\/03\/excel-05-import.png\" alt=\"Excel live gegevens\" width=\"905\" height=\"661\"><figcaption id=\"caption-attachment-148085\" class=\"wp-caption-text\">Excel live gegevens<\/figcaption><\/figure>\n<p>Je kunt hetzelfde proces volgen voor andere interessante statistieken.<\/p>\n<h2>Een Web Performance Dashboard maken<\/h2>\n<p>Deze <strong><a href=\"https:\/\/codepen.io\/craigbuckler\/full\/OJEVQvj\" target=\"_blank\" rel=\"noopener noreferrer\">Codepen demonstratie<\/a><\/strong> biedt een formulier waarin je een URL kunt invoeren en kunt kiezen voor desktop of mobiele analyse om resultaten te verkrijgen.<\/p>\n<p>De code maakt een PageSpeed Insights URL aan, roept de API aan, en geeft vervolgens verschillende resultaten weer in een overzichtstabel die sneller te bekijken is dan een standaard Lighthouse rapport:<\/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:\/\/kinqsta.com\/wp-content\/uploads\/2023\/03\/test-result.png\" alt=\"Voorbeeld testresultaat van PageSpeed API\" width=\"747\" height=\"493\"><figcaption id=\"caption-attachment-148087\" class=\"wp-caption-text\">Voorbeeld testresultaat<\/figcaption><\/figure>\n<p>De asynchrone <code>startCheck()<\/code> functie wordt aangeroepen wanneer het formulier wordt ingediend. Deze annuleert de submit event en verbergt eerdere resultaten:<\/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>Vervolgens construeert hij <code>apiURL<\/code> uit de formuliergegevens en schakelt de velden uit:<\/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>De <a href=\"https:\/\/developer.mozilla.org\/docs\/Web\/API\/Fetch_API\" target=\"_blank\" rel=\"noopener noreferrer\">Fetch API<\/a> wordt gebruikt om de PageSpeed URL aan te roepen, het antwoord te krijgen, en de JSON string te parsen tot een bruikbaar JavaScript-object. Een try\/catch blok zorgt ervoor dat fouten worden opgevangen:<\/p>\n<pre><code>  try {\n\/\/ call API and get result\nconst\nresponse = await fetch(apiURL),\nresult = await response.json();<\/code><\/pre>\n<p>Het resultaatobject wordt doorgegeven aan een <code>showResult()<\/code> functie. Deze haalt de properties eruit en plaatst ze in de resultaattabel of een ander HTML element waarvan het data-point attribuut is ingesteld op een PageSpeed API property, bijv.<\/p>\n<p><code>&lt;td data-point=\"lighthouseResult.categories.performance.score\"&gt;&lt;\/td&gt;<\/code><\/p>\n<p>Het einde van het try blok:<\/p>\n<pre><code>    \/\/ output result\nshowResult(result);\nshow(status, false);\nshow(resultTable);\n}<\/code><\/pre>\n<p>Tot slot handelt een catch block fouten af en worden de formuliervelden weer ingeschakeld, zodat verdere tests kunnen worden uitgevoerd:<\/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>Verdere ontwikkelingsmogelijkheden<\/h2>\n<p>De bovenstaande voorbeeldcode haalt een resultaat op uit de PageSpeed Insights API als je die opvraagt. Het rapport is beter configureerbaar dan Lighthouse, maar de uitvoering blijft een handmatig proces.<\/p>\n<p>Als je van plan bent je eigen dashboard te ontwikkelen, kan het praktisch zijn om een kleine applicatie te maken die de PageSpeed Insights API aanroept en de resulterende JSON opslaat in een nieuwe <a href=\"https:\/\/sevalla.com\/database-hosting\/\">database<\/a> record tegen de geteste URL en de huidige datum\/tijd. De meeste databases hebben ondersteuning voor JSON, hoewel <a href=\"https:\/\/kinqsta.com\/blog\/what-is-mongodb\/\">MongoDB<\/a> bij uitstek geschikt is voor deze taak. Een <a href=\"https:\/\/kinqsta.com\/nl\/docs\/wordpress-hosting\/sitebeheer\/cron-jobs\/\">cron job<\/a> kan je applicatie op een getimede basis aanroepen &#8211; misschien \u00e9\u00e9n keer per dag in de vroege ochtenduren.<\/p>\n<p>Een serverside applicatie kan dan zijn eigen REST API implementeren voor je rapportagevereisen, bijvoorbeeld de veranderingen in specifieke prestatiecijfers tussen twee data teruggeven. Het kan worden aangeroepen door clientside <a href=\"https:\/\/kinqsta.com\/javascript\/\">JavaScript<\/a> om tabellen of grafieken weer te geven die prestatieverbeteringen in de loop van de tijd illustreren.<\/p>\n<p>Als je complexe rapporten wilt maken met aanzienlijke hoeveelheden gegevens, is het beter om de cijfers eens per dag vooraf te berekenen op het moment dat er nieuwe PageSpeed gegevens beschikbaar zijn. Je wilt immers niet laten zien hoe de prestaties verbeteren op een rapport dat er minuten over doet om te genereren!<\/p>\n\n<h2>Samenvatting<\/h2>\n<p>De Lighthouse tool van Chrome is fantastisch, maar het is een karwei om veel pagina&#8217;s regelmatig te evalueren. Met de PageSpeed Insights API kun je de siteprestaties beoordelen met behulp van geautomatiseerde technieken. De voordelen:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinqsta.com\/website-performance\/\">Prestatietests<\/a> kunnen worden geautomatiseerd. <em>Je kunt niet vergeten een test uit te voeren.<\/em><\/li>\n<li>Resultaten worden verzameld op Google servers, zodat <a href=\"https:\/\/kinqsta.com\/nl\/devkinsta\/\">lokale apparaat-<\/a> en netwerksnelheidsfactoren minder invloed hebben.<\/li>\n<li>Statistieken bevatten informatie die gewoonlijk niet beschikbaar is in <a href=\"https:\/\/kinqsta.com\/nl\/blog\/core-web-vitals\/\">Lighthouse<\/a>.<\/li>\n<li>Belangrijke <a href=\"https:\/\/sevalla.com\/database-hosting\/\">statistieken kunnen worden geregistreerd<\/a> en in de loop van de tijd worden gecontroleerd om er zeker van te zijn dat de paginaprestaties bij elke update zijn verbeterd.<\/li>\n<li>Informatie over prestaties, toegankelijkheid en <a href=\"https:\/\/kinqsta.com\/nl\/blog\/invloed-hosting-op-seo\/\">SEO<\/a> kan worden weergegeven in <a href=\"https:\/\/sevalla.com\/application-hosting\/\">vereenvoudigde rapporten<\/a>, zodat ze in \u00e9\u00e9n oogopslag beschikbaar zijn voor developers, managers en klanten.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Er zijn vele tools te vinden om de prestaties van pagina&#8217;s te monitoren en te zien of de verbeteringen aan je site helpen. Een van de &#8230;<\/p>\n","protected":false},"author":188,"featured_media":51074,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[821,884,888],"class_list":["post-51073","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-analytics","topic-webdevelopment-tools","topic-website-snelheid"],"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>Zo gebruik je de PageSpeed Insights API om de paginaprestaties te monitoren - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Met de PageSpeed Insights REST API kun je automatisch Lighthouse-achtige statistieken verzamelen. Code en Excel rapportvoorbeelden worden verstrekt.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zo gebruik je de PageSpeed Insights API om de paginaprestaties te monitoren\" \/>\n<meta property=\"og:description\" content=\"Met de PageSpeed Insights REST API kun je automatisch Lighthouse-achtige statistieken verzamelen. Code en Excel rapportvoorbeelden worden verstrekt.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-16T07:34:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-15T11:59:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/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=\"Met de PageSpeed Insights REST API kun je automatisch Lighthouse-achtige statistieken verzamelen. Code en Excel rapportvoorbeelden worden verstrekt.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/pagespeed-insights-api.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@craigbuckler\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Craig Buckler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/\"},\"author\":{\"name\":\"Craig Buckler\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/715d986404b06691ab3014e06596908e\"},\"headline\":\"Zo gebruik je de PageSpeed Insights API om de paginaprestaties te monitoren\",\"datePublished\":\"2023-03-16T07:34:23+00:00\",\"dateModified\":\"2023-06-15T11:59:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/\"},\"wordCount\":2253,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/pagespeed-insights-api.jpg\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/\",\"url\":\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/\",\"name\":\"Zo gebruik je de PageSpeed Insights API om de paginaprestaties te monitoren - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/pagespeed-insights-api.jpg\",\"datePublished\":\"2023-03-16T07:34:23+00:00\",\"dateModified\":\"2023-06-15T11:59:48+00:00\",\"description\":\"Met de PageSpeed Insights REST API kun je automatisch Lighthouse-achtige statistieken verzamelen. Code en Excel rapportvoorbeelden worden verstrekt.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/pagespeed-insights-api.jpg\",\"contentUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/pagespeed-insights-api.jpg\",\"width\":3042,\"height\":1521},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Website snelheid\",\"item\":\"https:\/\/kinqsta.com\/nl\/onderwerpen\/website-snelheid\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Zo gebruik je de PageSpeed Insights API om de paginaprestaties te monitoren\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#website\",\"url\":\"https:\/\/kinqsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"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:\/\/kinqsta.com\/nl\/#\/schema\/person\/715d986404b06691ab3014e06596908e\",\"name\":\"Craig Buckler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/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:\/\/kinqsta.com\/nl\/blog\/author\/craigbuckler\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Zo gebruik je de PageSpeed Insights API om de paginaprestaties te monitoren - Kinsta\u00ae","description":"Met de PageSpeed Insights REST API kun je automatisch Lighthouse-achtige statistieken verzamelen. Code en Excel rapportvoorbeelden worden verstrekt.","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:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/","og_locale":"nl_NL","og_type":"article","og_title":"Zo gebruik je de PageSpeed Insights API om de paginaprestaties te monitoren","og_description":"Met de PageSpeed Insights REST API kun je automatisch Lighthouse-achtige statistieken verzamelen. Code en Excel rapportvoorbeelden worden verstrekt.","og_url":"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2023-03-16T07:34:23+00:00","article_modified_time":"2023-06-15T11:59:48+00:00","og_image":[{"width":3042,"height":1521,"url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/pagespeed-insights-api.jpg","type":"image\/jpeg"}],"author":"Craig Buckler","twitter_card":"summary_large_image","twitter_description":"Met de PageSpeed Insights REST API kun je automatisch Lighthouse-achtige statistieken verzamelen. Code en Excel rapportvoorbeelden worden verstrekt.","twitter_image":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/pagespeed-insights-api.jpg","twitter_creator":"@craigbuckler","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Craig Buckler","Geschatte leestijd":"12 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/"},"author":{"name":"Craig Buckler","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/715d986404b06691ab3014e06596908e"},"headline":"Zo gebruik je de PageSpeed Insights API om de paginaprestaties te monitoren","datePublished":"2023-03-16T07:34:23+00:00","dateModified":"2023-06-15T11:59:48+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/"},"wordCount":2253,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/pagespeed-insights-api.jpg","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/","url":"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/","name":"Zo gebruik je de PageSpeed Insights API om de paginaprestaties te monitoren - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinqsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/pagespeed-insights-api.jpg","datePublished":"2023-03-16T07:34:23+00:00","dateModified":"2023-06-15T11:59:48+00:00","description":"Met de PageSpeed Insights REST API kun je automatisch Lighthouse-achtige statistieken verzamelen. Code en Excel rapportvoorbeelden worden verstrekt.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#primaryimage","url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/pagespeed-insights-api.jpg","contentUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/03\/pagespeed-insights-api.jpg","width":3042,"height":1521},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/nl\/blog\/pagespeed-insights-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"Website snelheid","item":"https:\/\/kinqsta.com\/nl\/onderwerpen\/website-snelheid\/"},{"@type":"ListItem","position":3,"name":"Zo gebruik je de PageSpeed Insights API om de paginaprestaties te monitoren"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/nl\/#website","url":"https:\/\/kinqsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinqsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","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:\/\/kinqsta.com\/nl\/#\/schema\/person\/715d986404b06691ab3014e06596908e","name":"Craig Buckler","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/#\/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:\/\/kinqsta.com\/nl\/blog\/author\/craigbuckler\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/51073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/users\/188"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/comments?post=51073"}],"version-history":[{"count":12,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/51073\/revisions"}],"predecessor-version":[{"id":51302,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/51073\/revisions\/51302"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51073\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51073\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51073\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51073\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51073\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51073\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51073\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51073\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51073\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51073\/translations\/dk"},{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/51073\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/media\/51074"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/media?parent=51073"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/tags?post=51073"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/topic?post=51073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}