{"id":51324,"date":"2023-03-16T07:36:09","date_gmt":"2023-03-16T07:36:09","guid":{"rendered":"https:\/\/kinqsta.com\/se\/?p=51324&#038;preview=true&#038;preview_id=51324"},"modified":"2023-09-21T10:07:29","modified_gmt":"2023-09-21T10:07:29","slug":"pagespeed-insights-api","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/","title":{"rendered":"Hur du anv\u00e4nder PageSpeed Insights API f\u00f6r att \u00f6vervaka sidans prestanda"},"content":{"rendered":"<p>Det finns verktyg som hj\u00e4lper dig att <a href=\"https:\/\/kinqsta.com\/se\/blog\/applikationsprestandaovervakning\/\">\u00f6vervaka sidans prestanda<\/a> och bed\u00f6ma dina f\u00f6rb\u00e4ttringar. Ett av de b\u00e4sta \u00e4r exempelvis PageSpeed Insights. Det finns som <a href=\"https:\/\/pagespeed.web.dev\/\">en webb-applikation<\/a> och som fliken Lighthouse i Chromes DevTools (samma DevTools finns \u00e4ven i Edge, Opera, Brave och Vivaldi).<\/p>\n<p>Webbsidornas prestanda \u00e4r viktigare \u00e4n n\u00e5gonsin. Anv\u00e4ndarna f\u00f6rv\u00e4ntar sig en smidig och responsiv upplevelse som kan konkurrera med dataprogram. Dessutom s\u00e5 m\u00e4ter Google\u2019s <a href=\"https:\/\/kinqsta.com\/blog\/core-web-vitals\/\">Core Web Vitals<\/a> sidans prestanda &#8211; som ett resultat s\u00e5 p\u00e5verkar det PageRank och dina anstr\u00e4ngningar f\u00f6r <a href=\"https:\/\/kinqsta.com\/seo\/\">s\u00f6kmotoroptimering<\/a>.<\/p>\n<p>WordPress driver mer \u00e4n en tredjedel av alla webbplatser. <a href=\"https:\/\/kinqsta.com\/blog\/wordpress-slow\/\">Prestandan p\u00e5verkas<\/a>\u00a0dock av ineffektivt hosting, l\u00e5ngsamma teman och ett \u00f6verdrivet beroende av plugins. Du kan <a href=\"https:\/\/kinqsta.com\/learn\/page-speed\/\">\u00e5tg\u00e4rda de flesta problem<\/a> genom att exempelvis byta till en\u00a0<a href=\"https:\/\/kinqsta.com\/se\/wordpress-hosting\/migrering\/\">bra hosting-leverant\u00f6r<\/a> och sedan anv\u00e4nda <a href=\"https:\/\/kinqsta.com\/se\/cheat-sheets\/plats-hastighet-fusklapp\/\">b\u00e4sta praxis f\u00f6r prestandateknik<\/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>Tillg\u00e5ng till Lighthouse<\/h2>\n<p>Starta Lighthouse genom att \u00f6ppna den sida som du vill unders\u00f6ka och trycka p\u00e5 <strong>Ctrl\/Cmd + Shift + I <\/strong>eller v\u00e4lja <strong>Utveckingsverktyg<\/strong> fr\u00e5n <strong>Mer verktyg<\/strong>\u00a0i menyn. V\u00e4xla sedan till fliken <strong>Lighthouse <\/strong>och klicka d\u00e4refter p\u00e5 knappen <strong>Analysera sidladdning<\/strong>. Resultaten visas efter n\u00e5gra 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:\/\/kinqsta.com\/wp-content\/uploads\/2023\/03\/lighthouse.png\" alt=\"Exempel p\u00e5 en Lighthouse-rapport\" width=\"971\" height=\"994\"><figcaption id=\"caption-attachment-148073\" class=\"wp-caption-text\">Exempel p\u00e5 en Lighthouse-rapport<\/figcaption><\/figure>\n<p>Du kan borra ner i de h\u00f6gsta procenttalen f\u00f6r att hitta ytterligare information och tips som tar upp k\u00e4nda problem. Verktyget \u00e4r ov\u00e4rderligt men det finns dessv\u00e4rre nackdelar:<\/p>\n<ul>\n<li>Du m\u00e5ste exempelvis starta en k\u00f6rning manuellt f\u00f6r varje sida som du testar.<\/li>\n<li>Det \u00e4r inte l\u00e4tt att registrera hur faktorerna har f\u00f6rb\u00e4ttrats <em>eller f\u00f6rs\u00e4mrats<\/em> med tiden.<\/li>\n<li>Det \u00e4r mycket data att kontrollera och det \u00e4r <a href=\"https:\/\/kinqsta.com\/se\/blog\/hastighetstest-for-en-webbplats\/\">l\u00e4tt att g\u00f6ra fel<\/a>.<\/li>\n<li>De tekniska detaljerna \u00e4r till f\u00f6r utvecklare. Det kan d\u00e4rf\u00f6r bli \u00f6verv\u00e4ldigande f\u00f6r kunder och chefer som vill ha en snabb \u00f6verblick \u00f6ver framstegen.<\/li>\n<li>Lighthouse-k\u00f6rningar kan p\u00e5verkas av lokala enhets- och n\u00e4tverkshastigheter. Som ett resultat s\u00e5 kan det uppst\u00e5 felaktiga antaganden.<\/li>\n<\/ul>\n<p>PageSpeed Insights API erbjuder ett s\u00e4tt att l\u00f6sa dessa problem s\u00e5 att testerna kan automatiseras, registreras och j\u00e4mf\u00f6ras.<\/p>\n<h2>Vad \u00e4r PageSpeed Insights API?<\/h2>\n<p>Google tillhandah\u00e5ller ett kostnadsfritt PageSpeed Insights REST <a href=\"https:\/\/kinqsta.com\/blog\/api-endpoint\/\">API<\/a> som returnerar data i JSON-format. Det inneh\u00e5ller exempelvis alla Lighthouse-m\u00e4tv\u00e4rden. Som ett resultat s\u00e5 blir det m\u00f6jligt att automatisera sidk\u00f6rningar, lagra de resulterande uppgifterna, granska f\u00f6r\u00e4ndringar \u00f6ver tid och visa exakt den information du beh\u00f6ver.<\/p>\n<p>PageSpeed Insights API efterliknar hur Google <em>ser<\/em> din webbplats. Du kan k\u00f6ra en rapport med n\u00e5gra dagars mellanrum eller n\u00e4r du sl\u00e4pper en prestandauppdatering.<\/p>\n<p>Resultaten \u00e4r anv\u00e4ndbara men inte n\u00f6dv\u00e4ndigtvis v\u00e4gledande f\u00f6r den faktiska anv\u00e4ndarupplevelsen. <a href=\"https:\/\/kinqsta.com\/blog\/performance-api\/\">API: et f\u00f6r webbl\u00e4sarprestanda<\/a> \u00e4r ett b\u00e4ttre alternativ n\u00e4r du vill \u00f6vervaka den verkliga prestandan p\u00e5 alla dina anv\u00e4ndares enheter och n\u00e4tverk.<\/p>\n\n<h2>Snabbstart f\u00f6r PageSpeed Insights API<\/h2>\n<p>Kopiera f\u00f6ljande adress till din webbl\u00e4sare och redigera <code>url<\/code> f\u00f6r att bed\u00f6ma prestandan p\u00e5 din sida:<\/p>\n<p><code>https:\/\/www.googleapis.com\/pagespeedonline\/v5\/runPagespeed?url=https:\/\/www.yoursite.com\/<\/code><\/p>\n<p>Firefox \u00e4r idealisk eftersom den har en inbyggd JSON-l\u00e4sare, \u00e4ven om <a href=\"https:\/\/chrome.google.com\/webstore\/search\/json%20viewer\">Chrome har till\u00e4gg<\/a> som ger samma funktionalitet. Den totala Lighthouse prestanda-po\u00e4ngen \u00e4r markerad nedan:<\/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-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 \u00e4ndra <a href=\"https:\/\/kinqsta.com\/blog\/remove-query-strings-static-resources\/\">API webbadress-fr\u00e5gestr\u00e4ngen<\/a> f\u00f6r dina egna sidor och preferenser. Den enda parametern som kr\u00e4vs \u00e4r <code>url<\/code>, exempelvis:<\/p>\n<p><code>url=https:\/\/mysite.com\/page1<\/code><\/p>\n<p>Ett skrivbordstest k\u00f6rs som standard, men du kan uttryckligen beg\u00e4ra detta med:<\/p>\n<p><code>strategy=desktop<\/code><\/p>\n<p>eller byta till mobiltest med:<\/p>\n<p><code>strategy=mobile<\/code><\/p>\n<p>Du kan dessutom v\u00e4lja mellan att anv\u00e4nda en eller flera kategorier av intresse: Endast prestandatester k\u00f6rs om du inte anger en eller flera kategorier av intresse:<\/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>Ett specifikt spr\u00e5k kan definieras genom att du st\u00e4ller in en lokal &#8211; exempelvis franska:<\/p>\n<p><code>locale=fr-FR<\/code><\/p>\n<p>och Google Analytics-kampanjinformation kan st\u00e4llas in med:<\/p>\n<p><code>utm_campaign=&lt;campaign&gt;<\/code><br \/>\n<code>utm_source=&lt;source&gt;<\/code><\/p>\n<p>Tj\u00e4nsten \u00e4r kostnadsfri f\u00f6r s\u00e4llan f\u00f6rekommande beg\u00e4randen. Du m\u00e5ste dock\u00a0<a href=\"https:\/\/console.cloud.google.com\/projectselector2\/apis\/credentials\" target=\"_blank\" rel=\"noopener noreferrer\">registrera dig f\u00f6r en Google API-nyckel<\/a> om du t\u00e4nker k\u00f6ra m\u00e5nga tester fr\u00e5n samma IP-adress under en kort period. Nyckeln l\u00e4ggs till i webbadressen med:<\/p>\n<p><code>key=&lt;api-key&gt;<\/code><\/p>\n<p>Du kan bygga upp webbadressens fr\u00e5gestr\u00e4ng genom att ange de valda parametrarna separerade med ampersandtecken (&#038;). F\u00f6ljande API-webbadress testar exempelvis sidan p\u00e5 <code>https:\/\/mysite.com\/<\/code> med en mobil enhet f\u00f6r att bed\u00f6ma prestanda och tillg\u00e4nglighetskriterier:<\/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 sedan skapa dina egna webbadresser eller anv\u00e4nda <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed\" target=\"_blank\" rel=\"noopener noreferrer\">Google PageSpeed API URL builder-verktyget<\/a> om du beh\u00f6ver mer hj\u00e4lp.<\/p>\n<h2>PageSpeed Insights API JSON-resultat<\/h2>\n<p>Testerna returnerar vanligtvis omkring 600 kb JSON-data beroende p\u00e5 de valda kategorierna, antalet tillg\u00e5ngar p\u00e5 sidan och komplexiteten hos sk\u00e4rmdumparna (inb\u00e4ddade i base64-format).<\/p>\n<p>M\u00e4ngden data \u00e4r skr\u00e4mmande, det finns en del dubbelarbete och <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed#response\" target=\"_blank\" rel=\"noopener noreferrer\">resultat-dokumentationen<\/a> \u00e4r inte alltid tydlig. JSON \u00e4r uppdelad i fyra avsnitt som beskrivs nedan.<\/p>\n<h3>loadingExperience<\/h3>\n<p>Detta \u00e4r m\u00e4tv\u00e4rden som ber\u00e4knas f\u00f6r slutanv\u00e4ndarens upplevelse av sidladdning. H\u00e4r ing\u00e5r exempelvis information som Core Web Vitals CUMULATIVE_LAYOUT_SHIFT_SCORE, FIRST_CONTENTFUL_PAINT_MS och FIRST_INPUT_DELAY_MS. Detaljer och ett &#8221;kategori&#8221;-v\u00e4rde som returnerar FAST, AVERAGE, SLOW eller NONE om ingen m\u00e4tning gjordes. Exempelvis:<\/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>Detta \u00e4r aggregerade m\u00e4tv\u00e4rden som ber\u00e4knas f\u00f6r alla anv\u00e4ndares upplevelse av sidladdning. Avsnitten \u00e4r identiska med loadingExperience ovan och webbplatser med mindre trafik kommer sannolikt inte att visa n\u00e5gon skillnad i siffrorna.<\/p>\n<h3>lighthouseResult<\/h3>\n<p>Detta \u00e4r det st\u00f6rsta avsnittet och inneh\u00e5ller alla Lighthouse-m\u00e4tv\u00e4rden. Det ger information om testet:<\/p>\n<ul>\n<li>requestedUrl &#8211; den beg\u00e4rda <a href=\"https:\/\/kinqsta.com\/blog\/what-is-a-url\/\">webbadressen<\/a><\/li>\n<li>finalUrl &#8211; den faktiska sidan som har testats efter alla omdirigeringar<\/li>\n<li>lighthouseVersion &#8211; programvarans version<\/li>\n<li>fetchTime &#8211; tiden d\u00e5 testet k\u00f6rdes<\/li>\n<li>userAgent &#8211; str\u00e4ngen f\u00f6r anv\u00e4ndaragenten i den webbl\u00e4sare som anv\u00e4ndes f\u00f6r testet<\/li>\n<li>environment &#8211; ut\u00f6kad information om anv\u00e4ndaragent<\/li>\n<li>configSettings &#8211; de inst\u00e4llningar som skickas till API: et<\/li>\n<\/ul>\n<p>Detta f\u00f6ljs sedan av avsnittet &#8221;audits&#8221; med m\u00e5nga avsnitt. Det inkluderar exempelvis 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 och full-page-screenshot.<\/p>\n<p>De flesta granskningsm\u00e5tt inkluderar ett avsnitt med &#8221;detaljer&#8221; som inneh\u00e5ller faktorer som &#8221;overallSavingsBytes&#8221; och &#8221;overallSavingsMs&#8221;. Detta avsnitt uppskattar f\u00f6rdelarna med att genomf\u00f6ra en prestandaf\u00f6rb\u00e4ttring.<\/p>\n<p>Avsnitten &#8221;screenshot&#8221; f\u00f6r hela sidan och thumbnails inneh\u00e5ller inb\u00e4ddade base64-bilddata.<\/p>\n<p>I avsnittet &#8221;metrics&#8221; finns en sammanfattning av alla m\u00e4tv\u00e4rden i matrisen &#8221;items&#8221;, exempelvis:<\/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>Avsnittet &#8221;audits&#8221; f\u00f6ljs sedan av avsnittet &#8221;categories&#8221; som ger \u00f6vergripande Lighthouse-po\u00e4ng f\u00f6r de valda kategorierna som skickas via API-webbadressen:<\/p>\n<pre><code>\"categories\": {\n\"performance\": {\n\"id\": \"performance\",\n\"title\": \"Performance\",\n\"score\": 0.97,\n\"auditRefs\": [\n\/\/...<\/code><\/pre>\n<p>Po\u00e4ngen \u00e4r ett tal mellan 0 och 1 som normalt visas som en procentandel i Lighthouse-rapporter. I allm\u00e4nhet s\u00e5 \u00e4r en po\u00e4ng p\u00e5:<\/p>\n<ul>\n<li>0.9 till 1,0 bra<\/li>\n<li>0.5 till under 0,9 inneb\u00e4r att f\u00f6rb\u00e4ttringar \u00e4r n\u00f6dv\u00e4ndiga<\/li>\n<li>under 0,5 \u00e4r d\u00e5ligt och kr\u00e4ver mer br\u00e5dskande uppm\u00e4rksamhet<\/li>\n<\/ul>\n<p>I avsnittet &#8221;auditRefs&#8221; finns en f\u00f6rteckning \u00f6ver alla m\u00e4tv\u00e4rden och de detaljer som har anv\u00e4nts f\u00f6r att ber\u00e4kna varje po\u00e4ng.<\/p>\n<h3>analysisUTCTimestamp<\/h3>\n<p>Slutligen s\u00e5 rapporteras analystiden. Den b\u00f6r vara identisk med den tid som visas i lighthouseResult.fetchTime.<\/p>\n<h2>Anv\u00e4ndbara JSON-resultatm\u00e5tt<\/h2>\n<p>Jag rekommenderar att du sparar och unders\u00f6ker JSON-resultatet i en textredigerare. Vissa har JSON-format\u00f6rer inbyggda eller tillg\u00e4ngliga som plugins. Alternativt s\u00e5 kan du anv\u00e4nda kostnadsfria online-verktyg som t.ex:<\/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\u00f6ljande m\u00e4tv\u00e4rden kan vara anv\u00e4ndbara. Kom ih\u00e5g att st\u00e4lla in de tillh\u00f6rande kategorialternativen f\u00f6r webbadressen vid behov.<\/p>\n<h3>Sammanfattning av m\u00e4tv\u00e4rden<\/h3>\n<p>Sammanfattande po\u00e4ng fr\u00e5n 0 till 1:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Prestanda<\/td>\n<td>lighthouseResult.categories.performance.score<\/td>\n<\/tr>\n<tr>\n<td>Tillg\u00e4nglighet<\/td>\n<td>lighthouseResult.categories.accessibility.score<\/td>\n<\/tr>\n<tr>\n<td>B\u00e4sta praxis<\/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 webbapplikation (PWA)<\/td>\n<td>lighthouseResult.categories.pwa.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3>Prestandaindex<\/h3>\n<p>Dessa inkluderar <a href=\"https:\/\/kinqsta.com\/blog\/core-web-vitals\/\">Core Web Vitals-po\u00e4ng<\/a> fr\u00e5n 0 till 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>Hastighetsindex<\/td>\n<td>lighthouseResult.audits.speed-index.score<\/td>\n<\/tr>\n<tr>\n<td>Kumulativ layoutf\u00f6rskjutning<\/td>\n<td>lighthouseResult.audits.cumulative-layout-shift.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Andra anv\u00e4ndbara resultat f\u00f6r prestanda \u00e4r bland annat:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Serverns svarstid<\/td>\n<td>lighthouseResult.audits.server-response-time.score<\/td>\n<\/tr>\n<tr>\n<td>Genoms\u00f6kningsbarhet<\/td>\n<td>lighthouseResult.audits.is-crawlable.score<\/td>\n<\/tr>\n<tr>\n<td>Fel i konsolen<\/td>\n<td>lighthouseResult.audits.errors-in-console.score<\/td>\n<\/tr>\n<tr>\n<td>Total vikt av byte<\/td>\n<td>lighthouseResult.audits.total-byte-weight.score<\/td>\n<\/tr>\n<tr>\n<td>Po\u00e4ng f\u00f6r DOM-storlek<\/td>\n<td>lighthouseResult.audits.dom-size.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Du kan vanligtvis f\u00e5 fram faktiska siffror och enheter som exempelvis:<\/p>\n<ul>\n<li>lighthouseResult.audits.total-byte-weight.numericValue &#8211;<br \/>\nden totala sidstorleken, exempelvis 450123<\/li>\n<li>lighthouseResult.audits.total-byte-weight.numericUnit &#8211;<br \/>\nde enheter som anv\u00e4nds f\u00f6r den totala sidstorleken, exempelvis &#8221;byte&#8221;<\/li>\n<\/ul>\n<p>Alternativt s\u00e5 inneh\u00e5ller &#8221;displayValue&#8221; vanligtvis ett l\u00e4sbart meddelande med b\u00e5de siffra och enhet:<\/p>\n<ul>\n<li>lighthouseResult.audits.server-response-time.displayValue &#8211;<br \/>\nett meddelande om svarstiden, t.ex. &#8221;Rot-dokument tog 170 ms&#8221;<\/li>\n<li>lighthouseResult.audits.dom-size.displayValue &#8211;<br \/>\nett meddelande om antalet element i DOM, t.ex. &#8221;543 element&#8221;<\/li>\n<\/ul>\n<h2>Skapa en prestanda-dator utan kod<\/h2>\n<p>Live API-fl\u00f6den kan l\u00e4sas och bearbetas i m\u00e5nga system, inklusive Microsoft Excel. (Bisarrt nog s\u00e5 har Google Sheets inte st\u00f6d f\u00f6r JSON-fl\u00f6den utan ytterligare plugins eller makrokod. Det finns dock st\u00f6d f\u00f6r XML.)<\/p>\n<p>Om du vill importera det totala resultatet f\u00f6r liveprestanda till Excel s\u00e5 startar du ett nytt kalkylblad, v\u00e4xlar sedan till fliken <strong>Data<\/strong> och klickar d\u00e4refter p\u00e5 <strong>Fr\u00e5n webben<\/strong>. Ange din PageSpeed Insights API-webbadress och tryck 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:\/\/kinqsta.com\/wp-content\/uploads\/2023\/03\/excel-01-web.png\" alt=\"Importera data fr\u00e5n webben i Excel\" width=\"816\" height=\"326\"><figcaption id=\"caption-attachment-148081\" class=\"wp-caption-text\">Importera data fr\u00e5n webben i Excel<\/figcaption><\/figure>\n<p>Klicka p\u00e5 <strong>Anslut <\/strong>i n\u00e4sta dialogruta och beh\u00e5ll standardinst\u00e4llningen (Anonym). Du kommer att g\u00e5 vidare till verktyget <strong>S\u00f6kfr\u00e5ge-inst\u00e4llningar<\/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-verktyg f\u00f6r s\u00f6kfr\u00e5ge-inst\u00e4llningar\" width=\"1373\" height=\"846\"><figcaption id=\"caption-attachment-148082\" class=\"wp-caption-text\">Excel-verktyg f\u00f6r s\u00f6kfr\u00e5ge-inst\u00e4llningar<\/figcaption><\/figure>\n<p>Klicka p\u00e5 <strong>Spela in<\/strong> till h\u00f6ger om <strong>fyrens<\/strong> resultatm\u00e4tare. Klicka sedan p\u00e5 samma sak p\u00e5 <strong>kategorier<\/strong> och <strong>prestanda<\/strong> f\u00f6r att borra ner i JSON-objekthierarkin:<\/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-objekt f\u00f6r att borra ned\u00e5t\" width=\"666\" height=\"467\"><figcaption id=\"caption-attachment-148083\" class=\"wp-caption-text\">Excel JSON-objekt f\u00f6r att borra ned\u00e5t<\/figcaption><\/figure>\n<p>Klicka p\u00e5 ikonen<strong> I tabell<\/strong>\u00a0h\u00f6gst upp i h\u00f6gerklickmeny-alternativen.<\/p>\n<p>Du kan sedan klicka p\u00e5 filterpilen i tabellrubriken f\u00f6r att ta bort allt annat \u00e4n <strong>po\u00e4ngen<\/strong> innan du klickar 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:\/\/kinqsta.com\/wp-content\/uploads\/2023\/03\/excel-04-filter.png\" alt=\"Filtrering av importerade tabeller i Excel\" width=\"609\" height=\"578\"><figcaption id=\"caption-attachment-148084\" class=\"wp-caption-text\">Filtrering av importerade tabeller i Excel<\/figcaption><\/figure>\n<p>Slutligen s\u00e5 klickar du p\u00e5 <strong>St\u00e4ng och ladda<\/strong> f\u00f6r att visa live-f\u00f6rest\u00e4llningens po\u00e4ng i kalkylbladet:<\/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 data\" width=\"905\" height=\"661\"><figcaption id=\"caption-attachment-148085\" class=\"wp-caption-text\">Excel live data<\/figcaption><\/figure>\n<p>Du kan f\u00f6lja samma process f\u00f6r andra m\u00e4tv\u00e4rden av intresse.<\/p>\n<h2>Skapa en instrumentpanel f\u00f6r webbprestanda<\/h2>\n<p>Denna <strong><a href=\"https:\/\/codepen.io\/craigbuckler\/full\/OJEVQvj\" target=\"_blank\" rel=\"noopener noreferrer\">Codepen-demonstration<\/a><\/strong> inneh\u00e5ller ett formul\u00e4r d\u00e4r du kan ange en webbadress och v\u00e4lja analys f\u00f6r skrivbord eller mobil f\u00f6r att f\u00e5 resultat.<\/p>\n<p>Koden skapar en webbadress f\u00f6r PageSpeed Insights, anropar API: et och visar sedan olika resultat i en sammanfattande tabell som \u00e4r snabbare att visa \u00e4n en vanlig 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=\"Exempel p\u00e5 testresultat\" width=\"747\" height=\"493\"><figcaption id=\"caption-attachment-148087\" class=\"wp-caption-text\">Exempel p\u00e5 testresultat<\/figcaption><\/figure>\n<p>Den asynkrona funktionen <code>startCheck()<\/code> anropas n\u00e4r formul\u00e4ret skickas in. Den avbryter h\u00e4ndelsen skicka och d\u00f6ljer tidigare resultat:<\/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>D\u00e4refter s\u00e5 konstrueras <code>apiURL<\/code> fr\u00e5n formul\u00e4rdata och f\u00e4lten inaktiveras:<\/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> anv\u00e4nds f\u00f6r att anropa PageSpeed-webbadressen, h\u00e4mta svaret och analysera JSON-str\u00e4ngen till ett anv\u00e4ndbart JavaScript-objekt. Ett try\/catch-block s\u00e4kerst\u00e4ller att fel f\u00e5ngas upp:<\/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 skickas sedan till en <code>showResult()<\/code>-funktion. Denna extraherar egenskaper och placerar dem i resultattabellen eller n\u00e5got annat HTML-element som har data-point-attributet inst\u00e4llt p\u00e5 en PageSpeed API-egenskap, exempelvis.<\/p>\n<p><code>&lt;td data-point=\"lighthouseResult.categories.performance.score\"&gt;&lt;\/td&gt;<\/code><\/p>\n<p>Slutet p\u00e5 f\u00f6rs\u00f6kssatsen:<\/p>\n<pre><code>    \/\/ output result\nshowResult(result);\nshow(status, false);\nshow(resultTable);\n}<\/code><\/pre>\n<p>Slutligen s\u00e5 hanterar ett catch-block fel och formul\u00e4rf\u00e4lten aktiveras p\u00e5 nytt s\u00e5 att ytterligare tester kan utf\u00f6ras:<\/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>Ytterligare utvecklingsalternativ<\/h2>\n<p>Exempelkoden ovan h\u00e4mtar ett resultat fr\u00e5n PageSpeed Insights API n\u00e4r du beg\u00e4r det. Rapporten \u00e4r mer konfigurerbar \u00e4n Lighthouse, men utf\u00f6randet f\u00f6rblir dock en manuell process.<\/p>\n<p>Om du t\u00e4nker utveckla en egen instrumentpanel s\u00e5 kan det vara praktiskt att skapa en liten applikation som anropar PageSpeed Insights API. Det ska sedan lagra det resulterande JSON-resultatet i en ny <a href=\"https:\/\/sevalla.com\/database-hosting\/\">databaspost<\/a> mot den testade webbadressen och det aktuella datumet\/tiden. De flesta databaser har st\u00f6d f\u00f6r JSON, \u00e4ven om <a href=\"https:\/\/kinqsta.com\/blog\/what-is-mongodb\/\">MongoDB<\/a> \u00e4r idealisk f\u00f6r uppgiften. Ett <a href=\"https:\/\/kinqsta.com\/docs\/wordpress-hosting\/site-management\/cron-jobs\/\">cron-job<\/a>\u00a0kan anropa din applikation p\u00e5 en tidsbest\u00e4md basis &#8211; kanske en g\u00e5ng om dagen under de tidiga morgontimmarna.<\/p>\n<p>En applikation p\u00e5 serversidan kan sedan implementera sitt eget REST API f\u00f6r dina rapporteringskrav. Det kan exempelvis \u00e5terge f\u00f6r\u00e4ndringarna i specifika prestandam\u00e5tt mellan tv\u00e5 datum. Denna applikation kan anropas av <a href=\"https:\/\/kinqsta.com\/javascript\/\">JavaScript<\/a> p\u00e5 klientsidan f\u00f6r att visa tabeller eller diagram som illustrerar prestandaf\u00f6rb\u00e4ttringar \u00f6ver tiden.<\/p>\n<p>Om du vill skapa komplexa rapporter med stora m\u00e4ngder data s\u00e5 \u00e4r det l\u00e4mpligast att f\u00f6rber\u00e4kna siffrorna en g\u00e5ng om dagen vid den tidpunkt d\u00e5 nya PageSpeed-data \u00e4r tillg\u00e4ngliga. Du vill trots allt inte visa hur prestandan f\u00f6rb\u00e4ttras i en rapport som tar minuter att generera!<\/p>\n\n<h2>Sammanfattning<\/h2>\n<p>Chromes Lighthouse-verktyg \u00e4r fantastiskt, men det \u00e4r en pina att ofta utv\u00e4rdera m\u00e5nga sidor. Med PageSpeed Insights API s\u00e5 kan du bed\u00f6ma webbplatsens prestanda med hj\u00e4lp av programtekniker. F\u00f6rdelarna \u00e4r att:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinqsta.com\/website-performance\/\">Prestandatester<\/a> kan automatiseras. <em>D\u00e5 gl\u00f6mmer du inte att k\u00f6ra ett test.<\/em><\/li>\n<li>Resultaten samlas in p\u00e5 Google\u2019s servrar s\u00e5 <a href=\"https:\/\/kinqsta.com\/se\/devkinsta\/\">lokala enhets-<\/a> och n\u00e4tverkshastighetsfaktorer har mindre inflytande.<\/li>\n<li>M\u00e4tv\u00e4rden inkluderar information som vanligtvis inte \u00e4r tillg\u00e4nglig i <a href=\"https:\/\/kinqsta.com\/blog\/core-web-vitals\/\">Lighthouse<\/a>.<\/li>\n<li>Viktiga <a href=\"https:\/\/sevalla.com\/database-hosting\/\">m\u00e4tv\u00e4rden kan registreras<\/a> och \u00f6vervakas \u00f6ver tid f\u00f6r att s\u00e4kerst\u00e4lla att sidans prestanda har f\u00f6rb\u00e4ttrats med varje uppdatering.<\/li>\n<li><a href=\"https:\/\/kinqsta.com\/blog\/how-hosting-affects-seo\/\">Information om prestanda, tillg\u00e4nglighet och SEO<\/a>\u00a0kan visas i <a href=\"https:\/\/sevalla.com\/application-hosting\/\">f\u00f6renklade rapporter<\/a> s\u00e5 att den \u00e4r tillg\u00e4nglig i en \u00f6verblick f\u00f6r utvecklare, chefer och kunder.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Det finns verktyg som hj\u00e4lper dig att \u00f6vervaka sidans prestanda och bed\u00f6ma dina f\u00f6rb\u00e4ttringar. Ett av de b\u00e4sta \u00e4r exempelvis PageSpeed Insights. Det finns som en &#8230;<\/p>\n","protected":false},"author":188,"featured_media":52121,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[755,757,828],"class_list":["post-51324","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-analys","topic-api","topic-webbplatshastighet"],"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>Hur du anv\u00e4nder PageSpeed Insights API f\u00f6r att \u00f6vervaka sidans prestanda - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Med PageSpeed Insights REST API kan du automatiskt sortera Lighthouse-liknande m\u00e4tv\u00e4rden. Exempel p\u00e5 kod och Excel-rapporter tillhandah\u00e5lls.\" \/>\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\/se\/blog\/pagespeed-insights-api\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hur du anv\u00e4nder PageSpeed Insights API f\u00f6r att \u00f6vervaka sidans prestanda\" \/>\n<meta property=\"og:description\" content=\"Med PageSpeed Insights REST API kan du automatiskt sortera Lighthouse-liknande m\u00e4tv\u00e4rden. Exempel p\u00e5 kod och Excel-rapporter tillhandah\u00e5lls.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-16T07:36:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-21T10:07:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/pagespeed-insights-api.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\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=\"Med PageSpeed Insights REST API kan du automatiskt sortera Lighthouse-liknande m\u00e4tv\u00e4rden. Exempel p\u00e5 kod och Excel-rapporter tillhandah\u00e5lls.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/pagespeed-insights-api.jpeg\" \/>\n<meta name=\"twitter:creator\" content=\"@craigbuckler\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Craig Buckler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/\"},\"author\":{\"name\":\"Craig Buckler\",\"@id\":\"https:\/\/kinqsta.com\/se\/#\/schema\/person\/715d986404b06691ab3014e06596908e\"},\"headline\":\"Hur du anv\u00e4nder PageSpeed Insights API f\u00f6r att \u00f6vervaka sidans prestanda\",\"datePublished\":\"2023-03-16T07:36:09+00:00\",\"dateModified\":\"2023-09-21T10:07:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/\"},\"wordCount\":2399,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/pagespeed-insights-api.jpeg\",\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/\",\"url\":\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/\",\"name\":\"Hur du anv\u00e4nder PageSpeed Insights API f\u00f6r att \u00f6vervaka sidans prestanda - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/pagespeed-insights-api.jpeg\",\"datePublished\":\"2023-03-16T07:36:09+00:00\",\"dateModified\":\"2023-09-21T10:07:29+00:00\",\"description\":\"Med PageSpeed Insights REST API kan du automatiskt sortera Lighthouse-liknande m\u00e4tv\u00e4rden. Exempel p\u00e5 kod och Excel-rapporter tillhandah\u00e5lls.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/pagespeed-insights-api.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/pagespeed-insights-api.jpeg\",\"width\":1536,\"height\":768,\"caption\":\"Hur du anv\u00e4nder PageSpeed Insights API f\u00f6r att \u00f6vervaka sidans prestanda\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Analys\",\"item\":\"https:\/\/kinqsta.com\/se\/topics\/analys\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Hur du anv\u00e4nder PageSpeed Insights API f\u00f6r att \u00f6vervaka sidans prestanda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/se\/#website\",\"url\":\"https:\/\/kinqsta.com\/se\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/se\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinqsta.com\/se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstasweden\/\",\"https:\/\/x.com\/kinsta_se\",\"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\/se\/#\/schema\/person\/715d986404b06691ab3014e06596908e\",\"name\":\"Craig Buckler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinqsta.com\/se\/#\/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\/se\/blog\/author\/craigbuckler\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hur du anv\u00e4nder PageSpeed Insights API f\u00f6r att \u00f6vervaka sidans prestanda - Kinsta\u00ae","description":"Med PageSpeed Insights REST API kan du automatiskt sortera Lighthouse-liknande m\u00e4tv\u00e4rden. Exempel p\u00e5 kod och Excel-rapporter tillhandah\u00e5lls.","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\/se\/blog\/pagespeed-insights-api\/","og_locale":"sv_SE","og_type":"article","og_title":"Hur du anv\u00e4nder PageSpeed Insights API f\u00f6r att \u00f6vervaka sidans prestanda","og_description":"Med PageSpeed Insights REST API kan du automatiskt sortera Lighthouse-liknande m\u00e4tv\u00e4rden. Exempel p\u00e5 kod och Excel-rapporter tillhandah\u00e5lls.","og_url":"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_published_time":"2023-03-16T07:36:09+00:00","article_modified_time":"2023-09-21T10:07:29+00:00","og_image":[{"width":1536,"height":768,"url":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/pagespeed-insights-api.jpeg","type":"image\/jpeg"}],"author":"Craig Buckler","twitter_card":"summary_large_image","twitter_description":"Med PageSpeed Insights REST API kan du automatiskt sortera Lighthouse-liknande m\u00e4tv\u00e4rden. Exempel p\u00e5 kod och Excel-rapporter tillhandah\u00e5lls.","twitter_image":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/pagespeed-insights-api.jpeg","twitter_creator":"@craigbuckler","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Craig Buckler","Ber\u00e4knad l\u00e4stid":"13 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/"},"author":{"name":"Craig Buckler","@id":"https:\/\/kinqsta.com\/se\/#\/schema\/person\/715d986404b06691ab3014e06596908e"},"headline":"Hur du anv\u00e4nder PageSpeed Insights API f\u00f6r att \u00f6vervaka sidans prestanda","datePublished":"2023-03-16T07:36:09+00:00","dateModified":"2023-09-21T10:07:29+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/"},"wordCount":2399,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/pagespeed-insights-api.jpeg","inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/","url":"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/","name":"Hur du anv\u00e4nder PageSpeed Insights API f\u00f6r att \u00f6vervaka sidans prestanda - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinqsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/pagespeed-insights-api.jpeg","datePublished":"2023-03-16T07:36:09+00:00","dateModified":"2023-09-21T10:07:29+00:00","description":"Med PageSpeed Insights REST API kan du automatiskt sortera Lighthouse-liknande m\u00e4tv\u00e4rden. Exempel p\u00e5 kod och Excel-rapporter tillhandah\u00e5lls.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#primaryimage","url":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/pagespeed-insights-api.jpeg","contentUrl":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/03\/pagespeed-insights-api.jpeg","width":1536,"height":768,"caption":"Hur du anv\u00e4nder PageSpeed Insights API f\u00f6r att \u00f6vervaka sidans prestanda"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/se\/blog\/pagespeed-insights-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/se\/"},{"@type":"ListItem","position":2,"name":"Analys","item":"https:\/\/kinqsta.com\/se\/topics\/analys\/"},{"@type":"ListItem","position":3,"name":"Hur du anv\u00e4nder PageSpeed Insights API f\u00f6r att \u00f6vervaka sidans prestanda"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/se\/#website","url":"https:\/\/kinqsta.com\/se\/","name":"Kinsta\u00ae","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","publisher":{"@id":"https:\/\/kinqsta.com\/se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/se\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinqsta.com\/se\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstasweden\/","https:\/\/x.com\/kinsta_se","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\/se\/#\/schema\/person\/715d986404b06691ab3014e06596908e","name":"Craig Buckler","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinqsta.com\/se\/#\/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\/se\/blog\/author\/craigbuckler\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/posts\/51324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/users\/188"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/comments?post=51324"}],"version-history":[{"count":8,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/posts\/51324\/revisions"}],"predecessor-version":[{"id":52123,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/posts\/51324\/revisions\/52123"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51324\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51324\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51324\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51324\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51324\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51324\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51324\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51324\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51324\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51324\/translations\/dk"},{"href":"https:\/\/kinqsta.com\/se\/wp-json\/kinsta\/v1\/posts\/51324\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/media\/52121"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/media?parent=51324"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/tags?post=51324"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/se\/wp-json\/wp\/v2\/topic?post=51324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}