{"id":49449,"date":"2023-03-16T08:37:09","date_gmt":"2023-03-16T07:37:09","guid":{"rendered":"https:\/\/kinsta.com\/dk\/?p=49449&#038;preview=true&#038;preview_id=49449"},"modified":"2023-08-23T10:09:55","modified_gmt":"2023-08-23T09:09:55","slug":"pagespeed-insights-api","status":"publish","type":"post","link":"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/","title":{"rendered":"S\u00e5dan bruger du PageSpeed Insights API til at overv\u00e5ge sidens ydeevne"},"content":{"rendered":"<p>Der findes v\u00e6rkt\u00f8jer til at hj\u00e6lpe med at <a href=\"https:\/\/kinsta.com\/dk\/blog\/application-performance-monitoring\/\">overv\u00e5ge sidens ydeevne<\/a> og vurdere dine forbedringer. Et af de bedste er PageSpeed Insights. Det er tilg\u00e6ngeligt som <a href=\"https:\/\/pagespeed.web.dev\/\">en webapplikation<\/a> og som fanen Lighthouse i Chromes DevTools (de samme DevTools er ogs\u00e5 tilg\u00e6ngelige i Edge, Opera, Brave og Vivaldi).<\/p>\n<p>Websiders ydeevne er vigtigere end nogensinde f\u00f8r. Brugerne forventer en glat og responsiv oplevelse, der kan konkurrere med desktopapplikationer. Desuden m\u00e5ler Googles <a href=\"https:\/\/kinsta.com\/blog\/core-web-vitals\/\">Core Web Vitals<\/a> sidens ydeevne &#8211; det har indflydelse p\u00e5 PageRank og din indsats for <a href=\"https:\/\/kinsta.com\/seo\/\">s\u00f8gemaskineoptimering<\/a>.<\/p>\n<p>WordPress k\u00f8rer mere end en tredjedel af alle websteder, men <a href=\"https:\/\/kinsta.com\/blog\/wordpress-slow\/\">ydelsen p\u00e5virkes<\/a> af ineffektiv hosting, langsomme temaer og en overdreven afh\u00e6ngighed af plugins. Du kan <a href=\"https:\/\/kinsta.com\/learn\/page-speed\/\">l\u00f8se de fleste problemer<\/a> ved at skifte til en <a href=\"https:\/\/kinsta.com\/dk\/wordpress-hosting\/migreringer\/\">god webhost<\/a> og bruge <a href=\"https:\/\/kinsta.com\/dk\/cheat-sheets\/cheat-sheet-webstedshastighed\/\">bedste praksis-pr\u00e6stationsmetoder<\/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>Adgang til Lighthouse<\/h2>\n<p>Start Lighthouse ved at \u00e5bne den side, du vil unders\u00f8ge, og tryk p\u00e5 <strong>Ctrl\/Cmd + Shift + I <\/strong>eller v\u00e6lg <strong>Developer Tools<\/strong> fra <strong>More tools (Flere v\u00e6rkt\u00f8jer)<\/strong> i menuen. Skift til fanen <strong>Lighthouse<\/strong>, og klik p\u00e5 knappen <strong>Analyse Page Load<\/strong>. Resultaterne vises efter et par sekunder:<\/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=\"Eksempel p\u00e5 Lighthouse-rapport\" width=\"971\" height=\"994\"><figcaption id=\"caption-attachment-148073\" class=\"wp-caption-text\">Eksempel p\u00e5 Lighthouse-rapport<\/figcaption><\/figure>\n<p>Du kan bore ned i procenterne p\u00e5 \u00f8verste niveau for at finde yderligere oplysninger og tips, der adresserer kendte problemer. V\u00e6rkt\u00f8jet er uvurderligt, men der er ogs\u00e5 ulemper:<\/p>\n<ul>\n<li>Du skal manuelt starte en k\u00f8rsel for hver side, du tester, men der er dog nogle ulemper.<\/li>\n<li>Det er ikke let at registrere, hvordan faktorer er blevet bedre <em>eller v\u00e6rre<\/em> over tid.<\/li>\n<li>Der er mange data at kontrollere, og det er <a href=\"https:\/\/kinsta.com\/dk\/blog\/website-speed-test\/\">let at tage fejl<\/a>.<\/li>\n<li>De tekniske detaljer er til r\u00e5dighed for udviklere. Det er muligvis overv\u00e6ldende for kunder og ledere, der \u00f8nsker et hurtigt overblik over udviklingen.<\/li>\n<li>Lighthouse-k\u00f8rsler kan p\u00e5virkes af lokale enheds- og netv\u00e6rkshastigheder, hvilket kan f\u00f8re til falske antagelser.<\/li>\n<\/ul>\n<p>PageSpeed Insights API giver en m\u00e5de at l\u00f8se disse problemer p\u00e5, s\u00e5 testene kan automatiseres, registreres og sammenlignes.<\/p>\n<h2>Hvad er PageSpeed Insights API?<\/h2>\n<p>Google tilbyder et gratis PageSpeed Insights REST <a href=\"https:\/\/kinsta.com\/blog\/api-endpoint\/\">API<\/a>, som returnerer data i JSON-format, der indeholder alle Lighthouse-metrikker og meget mere. Det giver dig mulighed for at automatisere sidek\u00f8rsler, gemme de resulterende data, gennemg\u00e5 \u00e6ndringer over tid og vise pr\u00e6cis de oplysninger, du har brug for.<\/p>\n<p>PageSpeed Insights API emulerer, hvordan Google <em>ser<\/em> dit websted. Du kan k\u00f8re en rapport med f\u00e5 dages mellemrum, eller n\u00e5r du udsender en opdatering af ydeevnen.<\/p>\n<p>Resultaterne er nyttige, men ikke n\u00f8dvendigvis vejledende for den faktiske brugeroplevelse. <a href=\"https:\/\/kinsta.com\/blog\/performance-api\/\">Browser Performance API&#8217;et<\/a> er en bedre mulighed, n\u00e5r du \u00f8nsker at overv\u00e5ge den reelle ydeevne p\u00e5 tv\u00e6rs af alle dine brugeres enheder og netv\u00e6rk.<\/p>\n\n<h2>PageSpeed Insights API hurtigstart<\/h2>\n<p>Kopier f\u00f8lgende adresse til din webbrowser, og rediger <code>url<\/code> for at vurdere ydelsen p\u00e5 din side:<\/p>\n<p><code>https:\/\/www.googleapis.com\/pagespeedonline\/v5\/runPagespeed?url=https:\/\/www.yoursite.com\/<\/code><\/p>\n<p>Firefox er ideel, fordi den har en indbygget JSON-fremviser, selv om <a href=\"https:\/\/chrome.google.com\/webstore\/search\/json%20viewer\">Chrome har udvidelser<\/a>, der giver den samme funktionalitet. Den samlede Lighthouse Performance score er fremh\u00e6vet nedenfor:<\/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=\"PageSpeed Insights API-resultat JSON (Firefox)\" width=\"842\" height=\"954\"><figcaption id=\"caption-attachment-148078\" class=\"wp-caption-text\">PageSpeed Insights API-resultat JSON (Firefox)<\/figcaption><\/figure>\n<p>Du kan \u00e6ndre API-URL-<a href=\"https:\/\/kinsta.com\/dk\/blog\/fjernes-forespoergselsstreng-fra-statiske-ressourcer\/\">foresp\u00f8rgselsstrengen<\/a> til dine egne sider og pr\u00e6ferencer. Den eneste kr\u00e6vede parameter er <code>url<\/code>, f.eks.<\/p>\n<p><code>url=https:\/\/mysite.com\/page1<\/code><\/p>\n<p>En skrivebordstest k\u00f8res som standard, men du kan anmode udtrykkeligt om den med:<\/p>\n<p><code>strategy=desktop<\/code><\/p>\n<p>eller skifte til mobil med:<\/p>\n<p><code>strategy=mobile<\/code><\/p>\n<p>Du kan ogs\u00e5 v\u00e6lge at bruge en eller flere kategorier af interesse: Kun pr\u00e6stationstest k\u00f8res, medmindre du angiver en eller flere kategorier af interesse:<\/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>Et specifikt sprog kan defineres ved at angive et sprogomr\u00e5de &#8211; f.eks. fransk:<\/p>\n<p><code>locale=fr-FR<\/code><\/p>\n<p>og Google Analytics-kampagnedetaljer kan indstilles med:<\/p>\n<p><code>utm_campaign=&lt;campaign&gt;<\/code><br \/>\n<code>utm_source=&lt;source&gt;<\/code><\/p>\n<p>Tjenesten er gratis for sj\u00e6ldne foresp\u00f8rgsler, men du skal <a href=\"https:\/\/console.cloud.google.com\/projectselector2\/apis\/credentials\" target=\"_blank\" rel=\"noopener noreferrer\">tilmelde dig en Google API-n\u00f8gle<\/a>, hvis du har til hensigt at k\u00f8re mange tests fra den samme IP-adresse inden for en kort periode. N\u00f8glen tilf\u00f8jes til URL&#8217;en med:<\/p>\n<p><code>key=&lt;api-key&gt;<\/code><\/p>\n<p>Du kan opbygge URL&#8217;ens foresp\u00f8rgselsstreng ved at angive de valgte parametre adskilt med et ampersand (&#038;). Den f\u00f8lgende API-URL tester siden p\u00e5 <code>https:\/\/mysite.com\/<\/code> ved hj\u00e6lp af en mobilenhed for at vurdere kriterierne for ydeevne og tilg\u00e6ngelighed:<\/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>Du kan konstruere dine egne URL&#8217;er eller bruge <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed\" target=\"_blank\" rel=\"noopener noreferrer\">Google PageSpeed API URL builder-v\u00e6rkt\u00f8jet<\/a>, hvis du har brug for yderligere hj\u00e6lp.<\/p>\n<h2>PageSpeed Insights API JSON-resultater<\/h2>\n<p>Testene returnerer typisk omkring 600 KB JSON-data afh\u00e6ngigt af de valgte kategorier, antallet af aktiver p\u00e5 siden og kompleksiteten af sk\u00e6rmbilleder (indlejret i base64-format).<\/p>\n<p>M\u00e6ngden af data er skr\u00e6mmende, der er en del overlapning, og <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed#response\" target=\"_blank\" rel=\"noopener noreferrer\">dokumentationen af resultaterne<\/a> er ikke altid klar. JSON&#8217;en er opdelt i fire sektioner som beskrevet nedenfor.<\/p>\n<h3>loadingExperience<\/h3>\n<p>Dette er m\u00e5linger, der er beregnet for slutbrugerens oplevelse af sidens indl\u00e6sning. Det omfatter oplysninger som Core Web Vitals CUMULATIVE_LAYOUT_SHIFT_SCORE, FIRST_CONTENTFUL_PAINT_MS og FIRST_INPUT_DELAY_MS. Detaljer og en &#8220;kategori&#8221;-v\u00e6rdi returnerer FAST, AVERAGE, SLOW eller NONE, hvis der ikke blev foretaget nogen m\u00e5ling. Eksempel:<\/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>Dette er aggregerede m\u00e5linger, der er beregnet for alle brugernes oplevelse af indl\u00e6sning af siden. Afsnittene er identiske med loadingExperience ovenfor, og det er usandsynligt, at websteder med mindre trafik vil vise nogen forskel i tallene.<\/p>\n<h3>lighthouseResult<\/h3>\n<p>Dette er det st\u00f8rste afsnit og indeholder alle Lighthouse-metrikker. Det indeholder oplysninger om testen:<\/p>\n<ul>\n<li>requestedUrl &#8211; den <a href=\"https:\/\/kinsta.com\/blog\/what-is-a-url\/\">URL<\/a>, du anmodede om<\/li>\n<li>finalUrl &#8211; den faktiske side, der blev testet efter alle omdirigeringer<\/li>\n<li>lighthouseVersion &#8211; softwareversionen<\/li>\n<li>fetchTime &#8211; det tidspunkt, hvor testen blev k\u00f8rt<\/li>\n<li>userAgent &#8211; brugeragentstrengen for den browser, der blev brugt til testen<\/li>\n<li>environment &#8211; udvidede oplysninger om brugeragent<\/li>\n<li>configSettings &#8211; de indstillinger, der er overf\u00f8rt til API&#8217;et<\/li>\n<\/ul>\n<p>Dette efterf\u00f8lges af en &#8220;audits&#8221;-sektion med mange sektioner, herunder unused-javascript, unused-css-rules, total-byte-weight, redirects, dom-size, biggest-contentful-paint-element, server-response-time, network-requests, cumulative-layout-shift, first-meaningful-paint, screenshot-thumbnails og full-page-screenshot.<\/p>\n<p>De fleste auditmetrikker indeholder en &#8220;detaljer&#8221;-sektion, som indeholder faktorer som &#8220;overallSavingsBytes&#8221; og &#8220;overallSavingsMs&#8221;, som estimerer fordelene ved at implementere en ydelsesforbedring.<\/p>\n<p>Afsnittene &#8220;sk\u00e6rmbillede&#8221; p\u00e5 hele siden og miniaturebilleder indeholder indlejrede base64-billeddata.<\/p>\n<p>Et &#8220;metrics&#8221;-afsnit indeholder en oversigt over alle m\u00e5linger i et &#8220;items&#8221;-array, f.eks.<\/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>Afsnittet &#8220;audits&#8221; efterf\u00f8lges af &#8220;categories&#8221;, som giver samlede Lighthouse-scoringer for de valgte kategorier, der er overf\u00f8rt via API-URL&#8217;en:<\/p>\n<pre><code>\"categories\": {\n\"performance\": {\n\"id\": \"performance\",\n\"title\": \"Performance\",\n\"score\": 0.97,\n\"auditRefs\": [\n\/\/...<\/code><\/pre>\n<p>Scoren er et tal mellem 0 og 1, som normalt vises som en procentdel i Lighthouse-rapporterne. Generelt er en score p\u00e5:<\/p>\n<ul>\n<li>0.9 til 1,0 er god<\/li>\n<li>0.5 til under 0,9 betyder, at der er behov for forbedringer<\/li>\n<li>under 0,5 er d\u00e5rligt og kr\u00e6ver mere akut opm\u00e6rksomhed<\/li>\n<\/ul>\n<p>I afsnittet &#8220;auditRefs&#8221; findes en liste over alle m\u00e5lepunkter og de v\u00e6gtninger, der er anvendt til at beregne hver enkelt score.<\/p>\n<h3>analysisUTCTimestamp<\/h3>\n<p>Endelig angives analysetiden. Denne skal v\u00e6re identisk med den tid, der vises i lighthouseResult.fetchTime.<\/p>\n<h2>Nyttige JSON-resultatmetrikker<\/h2>\n<p>Jeg anbefaler, at du gemmer og unders\u00f8ger JSON-resultatet i en teksteditor. Nogle har JSON-formatere indbygget eller er tilg\u00e6ngelige som plugins. Alternativt kan du bruge gratis online-v\u00e6rkt\u00f8jer som f.eks:<\/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>F\u00f8lgende m\u00e5linger vil sandsynligvis v\u00e6re nyttige. Husk at indstille de tilknyttede kategoriindstillinger p\u00e5 URL&#8217;en efter behov.<\/p>\n<h3>Oversigt over m\u00e5linger<\/h3>\n<p>Samlet score fra 0 til 1:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Ydeevne<\/td>\n<td>lighthouseResult.categories.performance.score<\/td>\n<\/tr>\n<tr>\n<td>Tilg\u00e6ngelighed<\/td>\n<td>lighthouseResult.categories.accessibility.score<\/td>\n<\/tr>\n<tr>\n<td>Bedste praksis<\/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>Progressiv webapp (PWA)<\/td>\n<td>lighthouseResult.categories.pwa.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3>Ydelsesm\u00e5linger<\/h3>\n<p>Disse omfatter <a href=\"https:\/\/kinsta.com\/blog\/core-web-vitals\/\">Core Web Vitals<\/a>-scoringer fra 0 til 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>Hastighedsindeks<\/td>\n<td>lighthouseResult.audits.speed-index.score<\/td>\n<\/tr>\n<tr>\n<td>Kumulativ forskydning af layout<\/td>\n<td>lighthouseResult.audits.cumulative-layout-shift.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Andre nyttige pr\u00e6stationsscorer omfatter:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Serverresponstid<\/td>\n<td>lighthouseResult.audits.server-response-time.score<\/td>\n<\/tr>\n<tr>\n<td>Er crawlbar<\/td>\n<td>lighthouseResult.audits.is-crawlable.score<\/td>\n<\/tr>\n<tr>\n<td>Konsolfejl<\/td>\n<td>lighthouseResult.audits.errors-in-console.score<\/td>\n<\/tr>\n<tr>\n<td>Samlet bytev\u00e6gt<\/td>\n<td>lighthouseResult.audits.total-byte-weight.score<\/td>\n<\/tr>\n<tr>\n<td>DOM-st\u00f8rrelse score<\/td>\n<td>lighthouseResult.audits.dom-size.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Du kan normalt f\u00e5 faktiske tal og enheder som f.eks:<\/p>\n<ul>\n<li>lighthouseResult.audits.total-byte-weight.numericValue &#8211;<br \/>\nden samlede sidest\u00f8rrelse, f.eks. 450123<\/li>\n<li>lighthouseResult.audits.total-byte-weight.numericUnit &#8211;<br \/>\nde enheder, der anvendes til den samlede sidest\u00f8rrelse, f.eks. &#8220;byte&#8221;<\/li>\n<\/ul>\n<p>Alternativt indeholder &#8220;displayValue&#8221; normalt en l\u00e6sbar meddelelse med b\u00e5de tal og enhed:<\/p>\n<ul>\n<li>lighthouseResult.audits.server-response-time.displayValue &#8211;<br \/>\nen meddelelse om svartiden, f.eks. &#8220;Root document took 170 ms&#8221;<\/li>\n<li>lighthouseResult.audits.dom-size.displayValue &#8211;<br \/>\nen meddelelse om antallet af elementer i DOM, f.eks. &#8220;543 elementer&#8221;<\/li>\n<\/ul>\n<h2>Oprettelse af et no-code ydelsesdashboard<\/h2>\n<p>Live API-feeds kan l\u00e6ses og behandles i mange systemer, herunder Microsoft Excel. (Noget bizart nok underst\u00f8tter Google Sheets ikke JSON-feeds uden yderligere plugins eller makrokode. Det underst\u00f8tter XML.)<\/p>\n<p>Hvis du vil importere den samlede live-pr\u00e6stations score til Excel, skal du starte et nyt regneark, skifte til fanen <strong>Data<\/strong> og klikke p\u00e5 <strong>Fra web<\/strong>. Indtast din PageSpeed Insights API-URL, og tryk p\u00e5 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=\"Excel Import af data fra web\" width=\"816\" height=\"326\"><figcaption id=\"caption-attachment-148081\" class=\"wp-caption-text\">Excel Import af data fra web<\/figcaption><\/figure>\n<p>Klik p\u00e5 <strong>Connect <\/strong>i den n\u00e6ste dialogboks, og behold standardindstillingen (Anonym). Du vil g\u00e5 videre til v\u00e6rkt\u00f8jet <strong>Query Settings (Foresp\u00f8rgselsindstillinger)<\/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=\"Excel-v\u00e6rkt\u00f8jet for foresp\u00f8rgselsindstillinger\" width=\"1373\" height=\"846\"><figcaption id=\"caption-attachment-148082\" class=\"wp-caption-text\">Excel-v\u00e6rkt\u00f8jet for foresp\u00f8rgselsindstillinger<\/figcaption><\/figure>\n<p>Klik p\u00e5 <strong>Record<\/strong> til h\u00f8jre for <strong>lighthouse <\/strong>resultatmetrikken. Klik derefter p\u00e5 det samme p\u00e5 <strong>categories<\/strong> og <strong>performance<\/strong> for at bore ned i JSON-objekthierarkiet:<\/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=\"Excel JSON-objekt drill-down\" width=\"666\" height=\"467\"><figcaption id=\"caption-attachment-148083\" class=\"wp-caption-text\">Excel JSON-objekt drill-down<\/figcaption><\/figure>\n<p>Klik p\u00e5 ikonet<strong> Into tabel<\/strong> \u00f8verst i h\u00f8jreklikmenuen.<\/p>\n<p>Du kan derefter klikke p\u00e5 filterpilen i tabeloverskriften for at fjerne alt andet end <strong>scoren<\/strong>, f\u00f8r du klikker p\u00e5 <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=\"Excel importerede tabel filtrering\" width=\"609\" height=\"578\"><figcaption id=\"caption-attachment-148084\" class=\"wp-caption-text\">Excel importerede tabel filtrering<\/figcaption><\/figure>\n<p>Til sidst skal du klikke p\u00e5 <strong>Close og reload<\/strong> for at f\u00e5 vist det levende resultat i dit regneark:<\/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=\"Excel live data\" width=\"905\" height=\"661\"><figcaption id=\"caption-attachment-148085\" class=\"wp-caption-text\">Excel live data<\/figcaption><\/figure>\n<p>Du kan f\u00f8lge den samme proces for andre interessante m\u00e5linger.<\/p>\n<h2>Opret et dashboard for webpr\u00e6stationer<\/h2>\n<p>Denne <strong><a href=\"https:\/\/codepen.io\/craigbuckler\/full\/OJEVQvj\" target=\"_blank\" rel=\"noopener noreferrer\">Codepen-demonstration<\/a><\/strong> indeholder en formular, hvor du kan indtaste en URL og v\u00e6lge desktop- eller mobilanalyse for at f\u00e5 resultater.<\/p>\n<p>Koden opretter en PageSpeed Insights-URL, kalder API&#8217;et og gengiver derefter forskellige resultater i en oversigtstabel, som er hurtigere at f\u00e5 vist end en standard 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:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/test-result.png\" alt=\"Eksempel p\u00e5 testresultat fra PageSpeed API\" width=\"747\" height=\"493\"><figcaption id=\"caption-attachment-148087\" class=\"wp-caption-text\">Eksempel p\u00e5 testresultat<\/figcaption><\/figure>\n<p>Den asynkrone <code>startCheck()<\/code> -funktion kaldes, n\u00e5r formularen indsendes. Den annullerer submit-h\u00e6ndelsen og skjuler tidligere resultater:<\/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>Derefter konstruerer den <code>apiURL<\/code> ud fra formularens data og deaktiverer felterne:<\/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><a href=\"https:\/\/developer.mozilla.org\/docs\/Web\/API\/Fetch_API\" target=\"_blank\" rel=\"noopener noreferrer\">Fetch API<\/a> &#8216;et bruges til at kalde PageSpeed-URL&#8217;en, hente svaret og analysere JSON-strengen til et brugbart JavaScript-objekt. En try\/catch-blok sikrer, at fejl opfanges:<\/p>\n<pre><code>  try {\n\/\/ call API and get result\nconst\nresponse = await fetch(apiURL),\nresult = await response.json();<\/code><\/pre>\n<p>Resultatobjektet sendes til en <code>showResult()<\/code> -funktion. Denne udtr\u00e6kker egenskaber og placerer dem i resultattabellen eller ethvert andet HTML-element, hvis data-point-attribut er sat til en PageSpeed API-egenskab, f.eks.<\/p>\n<p><code>&lt;td data-point=\"lighthouseResult.categories.performance.score\"&gt;&lt;\/td&gt;<\/code><\/p>\n<p>Afslutningen af try-blokken:<\/p>\n<pre><code>    \/\/ output result\nshowResult(result);\nshow(status, false);\nshow(resultTable);\n}<\/code><\/pre>\n<p>Til sidst h\u00e5ndteres fejl i en catch-blok, og formularfelterne aktiveres igen, s\u00e5 der kan k\u00f8res yderligere 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>Yderligere udviklingsmuligheder<\/h2>\n<p>Eksempelkoden ovenfor henter et resultat fra PageSpeed Insights API&#8217;et, n\u00e5r du anmoder om det. Rapporten er mere konfigurerbar end Lighthouse, men udf\u00f8relsen er stadig en manuel proces.<\/p>\n<p>Hvis du har til hensigt at udvikle dit eget dashboard, kan det v\u00e6re praktisk at oprette et lille program, der kalder PageSpeed Insights API&#8217;et og gemmer den resulterende JSON i en ny <a href=\"https:\/\/sevalla.com\/database-hosting\/\">databasepost<\/a> i forhold til den testede URL og den aktuelle dato\/tid. De fleste databaser har JSON-underst\u00f8ttelse, selv om <a href=\"https:\/\/kinsta.com\/blog\/what-is-mongodb\/\">MongoDB<\/a> er ideelt egnet til opgaven. Et <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/site-management\/cron-jobs\/\">cronjob<\/a> kan kalde din applikation p\u00e5 et tidsbestemt grundlag &#8211; m\u00e5ske en gang om dagen i de tidlige morgentimer.<\/p>\n<p>En applikation p\u00e5 serversiden kan derefter implementere sin egen REST API til dine rapporteringsbehov, f.eks. returnere \u00e6ndringerne i specifikke pr\u00e6stationsmetrikker mellem to datoer. Det kan kaldes af <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> p\u00e5 klientsiden for at vise tabeller eller diagrammer, der illustrerer ydelsesforbedringer over tid.<\/p>\n<p>Hvis du \u00f8nsker at oprette komplekse rapporter med betydelige datam\u00e6ngder, er det at foretr\u00e6kke at forudberegne tallene en gang om dagen p\u00e5 det tidspunkt, hvor nye PageSpeed-data er tilg\u00e6ngelige. Du \u00f8nsker trods alt ikke at vise, hvordan ydeevnen forbedres i en rapport, som det tager minutter at generere!<\/p>\n\n<h2>Oversigt<\/h2>\n<p>Chrome&#8217;s Lighthouse-v\u00e6rkt\u00f8j er fantastisk, men det er en pligt at evaluere mange sider ofte. PageSpeed Insights API giver dig mulighed for at vurdere webstedets ydeevne ved hj\u00e6lp af programmatiske teknikker. Fordelene:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/website-performance\/\">Ydelsestests<\/a> kan automatiseres. <em>Du m\u00e5 ikke glemme at k\u00f8re en test.<\/em><\/li>\n<li>Resultaterne indsamles p\u00e5 Googles servere, s\u00e5 <a href=\"https:\/\/kinsta.com\/dk\/devkinsta\/\">lokale enheds-<\/a> og netv\u00e6rkshastighedsfaktorer har mindre indflydelse.<\/li>\n<li>Metrikker omfatter oplysninger, der normalt ikke er tilg\u00e6ngelige i <a href=\"https:\/\/kinsta.com\/blog\/core-web-vitals\/\">Lighthouse<\/a>.<\/li>\n<li>Vigtige <a href=\"https:\/\/sevalla.com\/database-hosting\/\">metrikker kan registreres<\/a> og overv\u00e5ges over tid for at sikre, at sidens ydeevne er blevet forbedret med hver opdatering.<\/li>\n<li>Oplysninger om ydeevne, tilg\u00e6ngelighed og <a href=\"https:\/\/kinsta.com\/dk\/blog\/hvordan-hosting-paavirker-seo\/\">SEO<\/a> kan vises p\u00e5 <a href=\"https:\/\/sevalla.com\/application-hosting\/\">forenklede rapporter<\/a>, s\u00e5 de er tilg\u00e6ngelige med et enkelt blik for udviklere, ledere og kunder.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Der findes v\u00e6rkt\u00f8jer til at hj\u00e6lpe med at overv\u00e5ge sidens ydeevne og vurdere dine forbedringer. Et af de bedste er PageSpeed Insights. Det er tilg\u00e6ngeligt som &#8230;<\/p>\n","protected":false},"author":188,"featured_media":49450,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[677,679,750,746],"class_list":["post-49449","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-analyser","topic-api","topic-hjemmeside-hastighed","topic-web-udviklingsvaerktoejer"],"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>S\u00e5dan bruger du PageSpeed Insights API til at overv\u00e5ge sidens ydeevne - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"PageSpeed Insights REST API giver dig mulighed for automatisk at sammens\u00e6tte Lighthouse-lignende metrics. Kode- og Excel-rapporteksempler er givet.\" \/>\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\/dk\/blog\/pagespeed-insights-api\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"S\u00e5dan bruger du PageSpeed Insights API til at overv\u00e5ge sidens ydeevne\" \/>\n<meta property=\"og:description\" content=\"PageSpeed Insights REST API giver dig mulighed for automatisk at sammens\u00e6tte Lighthouse-lignende metrics. Kode- og Excel-rapporteksempler er givet.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-16T07:37:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-23T09:09:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/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=\"PageSpeed Insights REST API giver dig mulighed for automatisk at sammens\u00e6tte Lighthouse-lignende metrics. Kode- og Excel-rapporteksempler er givet.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/pagespeed-insights-api.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@craigbuckler\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_dk\" \/>\n<meta name=\"twitter:label1\" content=\"Skrevet af\" \/>\n\t<meta name=\"twitter:data1\" content=\"Craig Buckler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/\"},\"author\":{\"name\":\"Craig Buckler\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/person\/715d986404b06691ab3014e06596908e\"},\"headline\":\"S\u00e5dan bruger du PageSpeed Insights API til at overv\u00e5ge sidens ydeevne\",\"datePublished\":\"2023-03-16T07:37:09+00:00\",\"dateModified\":\"2023-08-23T09:09:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/\"},\"wordCount\":2205,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/pagespeed-insights-api.jpg\",\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/\",\"url\":\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/\",\"name\":\"S\u00e5dan bruger du PageSpeed Insights API til at overv\u00e5ge sidens ydeevne - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/pagespeed-insights-api.jpg\",\"datePublished\":\"2023-03-16T07:37:09+00:00\",\"dateModified\":\"2023-08-23T09:09:55+00:00\",\"description\":\"PageSpeed Insights REST API giver dig mulighed for automatisk at sammens\u00e6tte Lighthouse-lignende metrics. Kode- og Excel-rapporteksempler er givet.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/pagespeed-insights-api.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/pagespeed-insights-api.jpg\",\"width\":3042,\"height\":1521},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/dk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Analyser\",\"item\":\"https:\/\/kinsta.com\/dk\/emner\/analyser\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"S\u00e5dan bruger du PageSpeed Insights API til at overv\u00e5ge sidens ydeevne\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/dk\/#website\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Hurtig, sikker, premium hostingl\u00f8sninger\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/dk\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/dk\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/dk\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/\",\"https:\/\/x.com\/kinsta_dk\",\"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\/dk\/#\/schema\/person\/715d986404b06691ab3014e06596908e\",\"name\":\"Craig Buckler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/kinsta.com\/dk\/#\/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\/dk\/blog\/author\/craigbuckler\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"S\u00e5dan bruger du PageSpeed Insights API til at overv\u00e5ge sidens ydeevne - Kinsta\u00ae","description":"PageSpeed Insights REST API giver dig mulighed for automatisk at sammens\u00e6tte Lighthouse-lignende metrics. Kode- og Excel-rapporteksempler er givet.","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\/dk\/blog\/pagespeed-insights-api\/","og_locale":"da_DK","og_type":"article","og_title":"S\u00e5dan bruger du PageSpeed Insights API til at overv\u00e5ge sidens ydeevne","og_description":"PageSpeed Insights REST API giver dig mulighed for automatisk at sammens\u00e6tte Lighthouse-lignende metrics. Kode- og Excel-rapporteksempler er givet.","og_url":"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","article_published_time":"2023-03-16T07:37:09+00:00","article_modified_time":"2023-08-23T09:09:55+00:00","og_image":[{"width":3042,"height":1521,"url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/pagespeed-insights-api.jpg","type":"image\/jpeg"}],"author":"Craig Buckler","twitter_card":"summary_large_image","twitter_description":"PageSpeed Insights REST API giver dig mulighed for automatisk at sammens\u00e6tte Lighthouse-lignende metrics. Kode- og Excel-rapporteksempler er givet.","twitter_image":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/pagespeed-insights-api.jpg","twitter_creator":"@craigbuckler","twitter_site":"@kinsta_dk","twitter_misc":{"Skrevet af":"Craig Buckler","Estimeret l\u00e6setid":"11 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/"},"author":{"name":"Craig Buckler","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/person\/715d986404b06691ab3014e06596908e"},"headline":"S\u00e5dan bruger du PageSpeed Insights API til at overv\u00e5ge sidens ydeevne","datePublished":"2023-03-16T07:37:09+00:00","dateModified":"2023-08-23T09:09:55+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/"},"wordCount":2205,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/pagespeed-insights-api.jpg","inLanguage":"da-DK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/","url":"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/","name":"S\u00e5dan bruger du PageSpeed Insights API til at overv\u00e5ge sidens ydeevne - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/dk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/pagespeed-insights-api.jpg","datePublished":"2023-03-16T07:37:09+00:00","dateModified":"2023-08-23T09:09:55+00:00","description":"PageSpeed Insights REST API giver dig mulighed for automatisk at sammens\u00e6tte Lighthouse-lignende metrics. Kode- og Excel-rapporteksempler er givet.","breadcrumb":{"@id":"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#primaryimage","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/pagespeed-insights-api.jpg","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/03\/pagespeed-insights-api.jpg","width":3042,"height":1521},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/dk\/blog\/pagespeed-insights-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/dk\/"},{"@type":"ListItem","position":2,"name":"Analyser","item":"https:\/\/kinsta.com\/dk\/emner\/analyser\/"},{"@type":"ListItem","position":3,"name":"S\u00e5dan bruger du PageSpeed Insights API til at overv\u00e5ge sidens ydeevne"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/dk\/#website","url":"https:\/\/kinsta.com\/dk\/","name":"Kinsta\u00ae","description":"Hurtig, sikker, premium hostingl\u00f8sninger","publisher":{"@id":"https:\/\/kinsta.com\/dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/dk\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/dk\/","logo":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/dk\/wp-content\/uploads\/sites\/12\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/dk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Danmark-122855885298660\/","https:\/\/x.com\/kinsta_dk","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\/dk\/#\/schema\/person\/715d986404b06691ab3014e06596908e","name":"Craig Buckler","image":{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/kinsta.com\/dk\/#\/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\/dk\/blog\/author\/craigbuckler\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/49449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/users\/188"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/comments?post=49449"}],"version-history":[{"count":9,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/49449\/revisions"}],"predecessor-version":[{"id":50168,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/posts\/49449\/revisions\/50168"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49449\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49449\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49449\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49449\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49449\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49449\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49449\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49449\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49449\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49449\/translations\/dk"},{"href":"https:\/\/kinsta.com\/dk\/wp-json\/kinsta\/v1\/posts\/49449\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media\/49450"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/media?parent=49449"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/tags?post=49449"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/dk\/wp-json\/wp\/v2\/topic?post=49449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}