{"id":60056,"date":"2023-03-16T08:32:21","date_gmt":"2023-03-16T07:32:21","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=60056&#038;preview=true&#038;preview_id=60056"},"modified":"2023-08-21T09:02:56","modified_gmt":"2023-08-21T08:02:56","slug":"pagespeed-insights-api","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/","title":{"rendered":"Wie man die PageSpeed Insights API zur \u00dcberwachung der Seitenleistung nutzt"},"content":{"rendered":"<p>Es gibt Tools, die dabei helfen, <a href=\"https:\/\/kinsta.com\/de\/blog\/application-performance-monitoring\/\">die Seitenleistung zu \u00fcberwachen<\/a> und deine Verbesserungen zu bewerten. Eines der besten ist PageSpeed Insights. Es ist als <a href=\"https:\/\/pagespeed.web.dev\/\">Webanwendung<\/a> und als Lighthouse-Tab in den DevTools von Chrome verf\u00fcgbar (die gleichen DevTools gibt es auch in Edge, Opera, Brave und Vivaldi).<\/p>\n<p>Die Leistung von Webseiten ist wichtiger denn je. Die Nutzerinnen und Nutzer erwarten ein fl\u00fcssiges und reaktionsschnelles Erlebnis, das es mit Desktop-Anwendungen aufnehmen kann. Au\u00dferdem messen die <a href=\"https:\/\/kinsta.com\/de\/blog\/core-web-vitals\/\">Core Web Vitals<\/a> von Google die Seitenleistung &#8211; sie beeinflusst den PageRank und deine Bem\u00fchungen zur <a href=\"https:\/\/kinsta.com\/seo\/\">Suchmaschinenoptimierung<\/a>.<\/p>\n<p>Mehr als ein Drittel aller Websites werden mit WordPress betrieben, aber <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-langsam\/\">die Leistung<\/a> wird durch ineffektives Hosting, langsame Themes und eine \u00fcberm\u00e4\u00dfige Abh\u00e4ngigkeit von Plugins beeintr\u00e4chtigt. <a href=\"https:\/\/kinsta.com\/de\/lernen\/website-geschwindigkeit\/\">Die meisten Probleme kannst du beheben<\/a>, indem du zu einem <a href=\"https:\/\/kinsta.com\/de\/wordpress-hosting\/migration\/\">guten Webhoster<\/a> wechselst und <a href=\"https:\/\/kinsta.com\/de\/cheat-sheets\/seitengeschwindigkeit-cheat-sheet\/\">Best-Practice-Performancetechniken<\/a> anwendest.<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>Zugriff auf Lighthouse<\/h2>\n<p>Starte Lighthouse, indem du die Seite, die du untersuchen willst, \u00f6ffnest und <strong>Strg\/Cmd + Umschalt + I <\/strong>dr\u00fcckst oder im Men\u00fc unter <strong>Weitere Tools<\/strong> den Punkt <strong>Entwicklertools<\/strong> w\u00e4hlst. Wechsle auf die Registerkarte <strong>Lighthouse <\/strong>und klicke auf die Schaltfl\u00e4che <strong>Seitenladen analysieren<\/strong>. Die Ergebnisse werden nach ein paar Sekunden angezeigt:<\/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=\"Beispiel f\u00fcr einen Lighthouse-Bericht\" width=\"971\" height=\"994\"><figcaption id=\"caption-attachment-148073\" class=\"wp-caption-text\">Beispiel f\u00fcr einen Lighthouse-Bericht<\/figcaption><\/figure>\n<p>Du kannst die Prozents\u00e4tze auf der obersten Ebene aufschl\u00fcsseln, um weitere Informationen und Hinweise auf bekannte Probleme zu erhalten. Das Tool ist von unsch\u00e4tzbarem Wert, hat aber auch seine Schattenseiten:<\/p>\n<ul>\n<li>Du musst f\u00fcr jede Seite, die du testest, manuell einen Durchlauf starten.<\/li>\n<li>Es ist nicht einfach, aufzuzeichnen, wie sich Faktoren im Laufe der Zeit verbessert <em>oder verschlechtert<\/em> haben.<\/li>\n<li>Es gibt eine Menge Daten zu pr\u00fcfen und es ist <a href=\"https:\/\/kinsta.com\/de\/blog\/webseiten-qeschwindigkeitstest\/\">leicht, etwas falsch zu machen<\/a>.<\/li>\n<li>Die technischen Details sind f\u00fcr Entwickler\/innen gedacht. F\u00fcr Kunden und Manager, die einen schnellen \u00dcberblick \u00fcber den Fortschritt haben wollen, ist das m\u00f6glicherweise zu viel.<\/li>\n<li>Die Lighthouse-L\u00e4ufe k\u00f6nnen von den lokalen Ger\u00e4te- und Netzwerkgeschwindigkeiten beeinflusst werden, was zu falschen Annahmen f\u00fchren kann.<\/li>\n<\/ul>\n<p>Die PageSpeed Insights API bietet eine M\u00f6glichkeit, diese Probleme zu l\u00f6sen, damit die Tests automatisiert, aufgezeichnet und verglichen werden k\u00f6nnen.<\/p>\n<h2>Was ist die PageSpeed Insights API?<\/h2>\n<p>Google stellt eine kostenlose PageSpeed Insights REST <a href=\"https:\/\/kinsta.com\/de\/blog\/api-endpunkt\/\">API<\/a> zur Verf\u00fcgung, die Daten im JSON-Format mit allen Lighthouse-Kennzahlen und mehr zur\u00fcckgibt. Damit kannst du Seitenl\u00e4ufe automatisieren, die resultierenden Daten speichern, \u00c4nderungen im Laufe der Zeit \u00fcberpr\u00fcfen und genau die Informationen anzeigen, die du brauchst.<\/p>\n<p>Die PageSpeed Insights API ahmt nach, wie Google deine Website <em>sieht<\/em>. Du kannst alle paar Tage einen Bericht erstellen oder immer dann, wenn du ein Leistungsupdate ver\u00f6ffentlichst.<\/p>\n<p>Die Ergebnisse sind hilfreich, geben aber nicht unbedingt Aufschluss \u00fcber die tats\u00e4chliche Nutzererfahrung. Die <a href=\"https:\/\/kinsta.com\/de\/blog\/performance-api\/\">Browser Performance API<\/a> ist die bessere Option, wenn du die tats\u00e4chliche Leistung auf allen Ger\u00e4ten und in allen Netzwerken deiner Nutzer\/innen \u00fcberwachen willst.<\/p>\n\n<h2>PageSpeed Insights API Schnellstart<\/h2>\n<p>Kopiere die folgende Adresse in deinen Webbrowser und bearbeite die <code>url<\/code>, um die Leistung deiner Seite zu beurteilen:<\/p>\n<p><code>https:\/\/www.googleapis.com\/pagespeedonline\/v5\/runPagespeed?url=https:\/\/www.yoursite.com\/<\/code><\/p>\n<p>Firefox ist ideal, weil er einen eingebauten JSON-Viewer hat, obwohl <a href=\"https:\/\/chrome.google.com\/webstore\/search\/json%20viewer\">es f\u00fcr Chrome Erweiterungen gibt<\/a>, die die gleiche Funktionalit\u00e4t bieten. Die Gesamtbewertung der Lighthouse-Leistung wird unten hervorgehoben:<\/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-Ergebnis JSON (Firefox)\" width=\"842\" height=\"954\"><figcaption id=\"caption-attachment-148078\" class=\"wp-caption-text\">PageSpeed Insights API-Ergebnis JSON (Firefox)<\/figcaption><\/figure>\n<p>Du kannst den API-URL-<a href=\"https:\/\/kinsta.com\/de\/blog\/entfernst-du-abfragezeichenfolgen-aus-statischen-ressourcen\/\">Abfrage-String<\/a> f\u00fcr deine eigenen Seiten und Einstellungen \u00e4ndern. Der einzige erforderliche Parameter ist <code>url<\/code>, z.B.<\/p>\n<p><code>url=https:\/\/mysite.com\/page1<\/code><\/p>\n<p>Ein Desktop-Test wird standardm\u00e4\u00dfig ausgef\u00fchrt, aber du kannst ihn explizit mit anfordern:<\/p>\n<p><code>strategy=desktop<\/code><\/p>\n<p>oder zu Mobile wechseln mit:<\/p>\n<p><code>strategy=mobile<\/code><\/p>\n<p>Es werden nur Leistungstests durchgef\u00fchrt, es sei denn, du gibst eine oder mehrere Kategorien von Interesse an:<\/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>Eine bestimmte Sprache kann durch das Festlegen eines Gebietsschemas definiert werden &#8211; z. B. Franz\u00f6sisch:<\/p>\n<p><code>locale=fr-FR<\/code><\/p>\n<p>und Google Analytics-Kampagnendetails k\u00f6nnen mit festgelegt werden:<\/p>\n<p><code>utm_campaign=&lt;campaign&gt;<\/code><br \/>\n<code>utm_source=&lt;source&gt;<\/code><\/p>\n<p>Der Dienst ist f\u00fcr seltene Anfragen kostenlos, aber du musst <a href=\"https:\/\/console.cloud.google.com\/projectselector2\/apis\/credentials\" target=\"_blank\" rel=\"noopener noreferrer\">dich f\u00fcr einen Google API-Schl\u00fcssel anmelden<\/a>, wenn du vorhast, viele Tests von derselben IP-Adresse in einem kurzen Zeitraum durchzuf\u00fchren. Der Schl\u00fcssel wird der URL mit hinzugef\u00fcgt:<\/p>\n<p><code>key=&lt;api-key&gt;<\/code><\/p>\n<p>Du kannst den Abfrage-String der URL erstellen, indem du die von dir gew\u00e4hlten Parameter durch kaufm\u00e4nnische Und-Zeichen (&#038;) getrennt angibst. Die folgende API-URL testet die Seite <code>https:\/\/mysite.com\/<\/code> mit einem mobilen Ger\u00e4t, um die Leistung und die Kriterien der Barrierefreiheit zu bewerten:<\/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 kannst deine eigenen URLs erstellen oder das <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed\" target=\"_blank\" rel=\"noopener noreferrer\">Google PageSpeed API URL Builder Tool<\/a> verwenden, wenn du weitere Hilfe ben\u00f6tigst.<\/p>\n<h2>PageSpeed Insights API JSON-Ergebnisse<\/h2>\n<p>Die Tests liefern in der Regel ca. 600 KB JSON-Daten, abh\u00e4ngig von den gew\u00e4hlten Kategorien, der Anzahl der Assets auf der Seite und der Komplexit\u00e4t der Screenshots (eingebettet im base64-Format).<\/p>\n<p>Die Menge der Daten ist erschreckend, es gibt einige \u00dcberschneidungen und die <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/reference\/pagespeedapi\/runpagespeed#response\" target=\"_blank\" rel=\"noopener noreferrer\">Dokumentation der Ergebnisse<\/a> ist nicht immer klar. Das JSON ist in vier Abschnitte unterteilt, die im Folgenden beschrieben werden.<\/p>\n<h3>loadingExperience<\/h3>\n<p>Dies sind Metriken, die f\u00fcr das Ladeerlebnis des Endnutzers berechnet werden. Dazu geh\u00f6ren Informationen wie die Core Web Vitals CUMULATIVE_LAYOUT_SHIFT_SCORE, FIRST_CONTENTFUL_PAINT_MS und FIRST_INPUT_DELAY_MS. Details und ein &#8222;Kategorie&#8220;-Wert liefert FAST, AVERAGE, SLOW oder NONE, wenn keine Messung durchgef\u00fchrt wurde. Beispiel:<\/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>Dies sind aggregierte Metriken, die f\u00fcr die Ladeerfahrung aller Nutzer\/innen berechnet werden. Die Abschnitte sind identisch mit loadingExperience (siehe oben) und es ist unwahrscheinlich, dass Websites mit weniger Traffic einen Unterschied in den Zahlen aufweisen.<\/p>\n<h3>lighthouseResult<\/h3>\n<p>Dies ist der gr\u00f6\u00dfte Abschnitt und enth\u00e4lt alle Lighthouse-Kennzahlen. Er enth\u00e4lt Informationen \u00fcber den Test:<\/p>\n<ul>\n<li>requestedUrl &#8211; die <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-eine-url\/\">URL<\/a>, die du angefordert hast<\/li>\n<li>finalUrl &#8211; die tats\u00e4chlich getestete Seite nach allen Weiterleitungen<\/li>\n<li>lighthouseVersion &#8211; die Softwareversion<\/li>\n<li>fetchTime &#8211; der Zeitpunkt, zu dem der Test ausgef\u00fchrt wurde<\/li>\n<li>userAgent &#8211; der User-Agent-String des f\u00fcr den Test verwendeten Browsers<\/li>\n<li>environment &#8211; erweiterte User-Agent-Informationen<\/li>\n<li>configSettings &#8211; die Einstellungen, die an die API \u00fcbergeben werden<\/li>\n<\/ul>\n<p>Es folgt ein Abschnitt &#8222;Audits&#8220; mit vielen Abschnitten wie 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 und full-page-screenshot.<\/p>\n<p>Die meisten Audit-Metriken enthalten einen Abschnitt &#8222;Details&#8220;, der Faktoren wie &#8222;overallSavingsBytes&#8220; und &#8222;overallSavingsMs&#8220; enth\u00e4lt, die den Nutzen einer Leistungsverbesserung absch\u00e4tzen.<\/p>\n<p>Die Abschnitte &#8222;Screenshot&#8220; f\u00fcr die ganze Seite und die Miniaturansichten enthalten eingebettete base64-Bilddaten.<\/p>\n<p>Ein Abschnitt &#8222;Metriken&#8220; enth\u00e4lt eine Zusammenfassung aller Metriken in einem Array &#8222;Items&#8220;, z. B.<\/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>Auf den Abschnitt &#8222;Audits&#8220; folgt der Abschnitt &#8222;Kategorien&#8220;, der die Gesamtbewertung von Lighthouse f\u00fcr die ausgew\u00e4hlten Kategorien liefert, die \u00fcber die API-URL \u00fcbergeben wurden:<\/p>\n<pre><code>\"categories\": {\n\"performance\": {\n\"id\": \"performance\",\n\"title\": \"Performance\",\n\"score\": 0.97,\n\"auditRefs\": [\n\/\/...<\/code><\/pre>\n<p>Die &#8222;Punktzahl&#8220; ist eine Zahl zwischen 0 und 1, die normalerweise als Prozentsatz in den Lighthouse-Berichten angezeigt wird. Im Allgemeinen ist eine Punktzahl von:<\/p>\n<ul>\n<li>0.9 bis 1,0 ist gut<\/li>\n<li>0.5 bis unter 0,9 bedeutet, dass eine Verbesserung notwendig ist<\/li>\n<li>unter 0,5 ist schlecht und erfordert dringendere Aufmerksamkeit<\/li>\n<\/ul>\n<p>Im Abschnitt &#8222;auditRefs&#8220; findest du eine Liste aller Kennzahlen und die Gewichtungen, die zur Berechnung der einzelnen Punkte verwendet wurden.<\/p>\n<h3>analysisUTCTimestamp<\/h3>\n<p>Schlie\u00dflich wird die Analysezeit angegeben. Diese sollte mit der in lighthouseResult.fetchTime angegebenen Zeit identisch sein.<\/p>\n<h2>N\u00fctzliche JSON-Ergebnis-Metriken<\/h2>\n<p>Ich empfehle dir, das JSON-Ergebnis in einem Texteditor zu speichern und zu untersuchen. Einige haben JSON-Formatierer eingebaut oder sind als Plugins verf\u00fcgbar. Alternativ kannst du auch kostenlose Online-Tools verwenden, wie z. B.:<\/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 Formatierer<\/a><\/li>\n<li><a href=\"https:\/\/www.jsonformatter.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">jsonformatter.io<\/a><\/li>\n<\/ul>\n<p>Die folgenden Metriken werden wahrscheinlich n\u00fctzlich sein. Vergiss nicht, die zugeh\u00f6rigen Kategorieoptionen auf der URL zu setzen, falls n\u00f6tig.<\/p>\n<h3>Zusammenfassende Metriken<\/h3>\n<p>Gesamtpunktzahl von 0 bis 1:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Leistung<\/td>\n<td>lighthouseResult.categories.performance.score<\/td>\n<\/tr>\n<tr>\n<td>Zug\u00e4nglichkeit<\/td>\n<td>lighthouseResult.categories.accessibility.score<\/td>\n<\/tr>\n<tr>\n<td>Best-Practices<\/td>\n<td>lighthouseResult.categories.best-practices.score<\/td>\n<\/tr>\n<tr>\n<td>SEO<\/td>\n<td>lighthouseResult.categories.seo.score<\/td>\n<\/tr>\n<tr>\n<td>Progressive Webanwendung (PWA)<\/td>\n<td>lighthouseResult.categories.pwa.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h3>Leistungsmetriken<\/h3>\n<p>Dazu geh\u00f6ren <a href=\"https:\/\/kinsta.com\/de\/blog\/core-web-vitals\/\">Core Web Vitals<\/a>-Bewertungen von 0 bis 1:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Erstes Contentful-Paint<\/td>\n<td>lighthouseResult.audits.first-contentful-paint.score<\/td>\n<\/tr>\n<tr>\n<td>Erstes aussagekr\u00e4ftiges Bild<\/td>\n<td>lighthouseResult.audits.first-meaningful-paint.score<\/td>\n<\/tr>\n<tr>\n<td>Gr\u00f6\u00dfter Contentful-Paint<\/td>\n<td>lighthouseResult.audits.largest-contentful-paint.score (lighthouseResult.audits.largest-contentful-paint.score)<\/td>\n<\/tr>\n<tr>\n<td>Geschwindigkeitsindex<\/td>\n<td>lighthouseResult.audits.speed-index.score<\/td>\n<\/tr>\n<tr>\n<td>Kumulative Layout-Verschiebung<\/td>\n<td>lighthouseResult.audits.cumulative-layout-shift.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Andere n\u00fctzliche Leistungsbewertungen sind:<\/p>\n<div class=\"responsive-table\">\n<table>\n<tbody>\n<tr>\n<td>Server-Antwortzeit<\/td>\n<td>lighthouseResult.audits.server-response-time.score<\/td>\n<\/tr>\n<tr>\n<td>Ist crawlbar<\/td>\n<td>lighthouseResult.audits.is-crawlable.score<\/td>\n<\/tr>\n<tr>\n<td>Konsolenfehler<\/td>\n<td>lighthouseResult.audits.errors-in-console.score<\/td>\n<\/tr>\n<tr>\n<td>Gesamtgewicht der Bytes<\/td>\n<td>lighthouseResult.audits.total-byte-weight.score<\/td>\n<\/tr>\n<tr>\n<td>Bewertung der DOM-Gr\u00f6\u00dfe<\/td>\n<td>lighthouseResult.audits.dom-size.score<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>In der Regel erh\u00e4ltst du tats\u00e4chliche Zahlen und Einheiten wie:<\/p>\n<ul>\n<li>lighthouseResult.audits.total-byte-weight.numericValue &#8211;<br \/>\ndie Gesamtseitengr\u00f6\u00dfe, z.B. 450123<\/li>\n<li>lighthouseResult.audits.total-byte-weight.numericUnit &#8211;<br \/>\ndie f\u00fcr die Gesamtseitengr\u00f6\u00dfe verwendete Einheit, z. B. &#8222;Byte&#8220;<\/li>\n<\/ul>\n<p>Alternativ dazu enth\u00e4lt &#8222;displayValue&#8220; in der Regel eine lesbare Nachricht mit der Zahl und der Einheit:<\/p>\n<ul>\n<li>lighthouseResult.audits.server-response-time.displayValue &#8211;<br \/>\neine Meldung \u00fcber die Antwortzeit, z. B. &#8222;Root document took 170 ms&#8220;<\/li>\n<li>lighthouseResult.audits.dom-size.displayValue &#8211;<br \/>\neine Meldung \u00fcber die Anzahl der Elemente im DOM, z. B. &#8222;543 Elemente&#8220;<\/li>\n<\/ul>\n<h2>Erstellen eines No-Code Performance Dashboards<\/h2>\n<p>Live-API-Feeds k\u00f6nnen in vielen Systemen gelesen und verarbeitet werden, auch in Microsoft Excel. (Etwas seltsam ist, dass Google Sheets keine JSON-Feeds ohne weitere Plugins oder Makrocode unterst\u00fctzt. Es unterst\u00fctzt jedoch XML.)<\/p>\n<p>Um den Live-Gesamtwert in Excel zu importieren, \u00f6ffnest du ein neues Tabellenblatt, wechselst auf die Registerkarte <strong>Daten<\/strong> und klickst auf <strong>Aus dem Web<\/strong>. Gib deine PageSpeed Insights API URL ein und klicke auf 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 Datenimport aus dem Web\" width=\"816\" height=\"326\"><figcaption id=\"caption-attachment-148081\" class=\"wp-caption-text\">Excel Datenimport aus dem Web<\/figcaption><\/figure>\n<p>Klicke im n\u00e4chsten Dialog auf <strong>Verbinden <\/strong>und behalte die Standardeinstellung (Anonym) bei. Du gelangst nun zum Tool <strong>Abfrageeinstellungen<\/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 Abfrage-Einstellungstool\" width=\"1373\" height=\"846\"><figcaption id=\"caption-attachment-148082\" class=\"wp-caption-text\">Excel Abfrage-Einstellungstool<\/figcaption><\/figure>\n<p>Klicke rechts neben der <strong>Leuchtturmergebnis<\/strong>-Metrik auf <strong>Datensatz<\/strong>. Klicke dann auf <strong>Kategorien<\/strong> und <strong>Leistung<\/strong>, um die Hierarchie der JSON-Objekte aufzuschl\u00fcsseln:<\/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>Klicke oben in den Rechtsklick-Men\u00fcoptionen auf das Symbol<strong> In Tabelle<\/strong>.<\/p>\n<p>Du kannst dann auf den Filterpfeil in der Tabellen\u00fcberschrift klicken, um alles andere als die <strong>Punktzahl<\/strong> zu entfernen, bevor du auf <strong>OK<\/strong> klickst:<\/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=\"Filtern von in Excel importierten Tabellen\" width=\"609\" height=\"578\"><figcaption id=\"caption-attachment-148084\" class=\"wp-caption-text\">Filtern von in Excel importierten Tabellen<\/figcaption><\/figure>\n<p>Klicke abschlie\u00dfend auf <strong>Schlie\u00dfen &#038; Laden<\/strong>, um die Live-Punktzahl in deinem Arbeitsblatt anzuzeigen:<\/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-Daten\" width=\"905\" height=\"661\"><figcaption id=\"caption-attachment-148085\" class=\"wp-caption-text\">Excel-Live-Daten<\/figcaption><\/figure>\n<p>Du kannst den gleichen Prozess auch f\u00fcr andere interessante Kennzahlen anwenden.<\/p>\n<h2>Ein Web Performance Dashboard erstellen<\/h2>\n<p>Diese <strong><a href=\"https:\/\/codepen.io\/craigbuckler\/full\/OJEVQvj\" target=\"_blank\" rel=\"noopener noreferrer\">Codepen-Demonstration<\/a><\/strong> bietet ein Formular, in das du eine URL eingeben und eine Desktop- oder mobile Analyse ausw\u00e4hlen kannst, um Ergebnisse zu erhalten.<\/p>\n<p>Der Code erstellt eine PageSpeed Insights-URL, ruft die API auf und stellt dann die verschiedenen Ergebnisse in einer zusammenfassenden Tabelle dar, die schneller zu sehen ist als ein Standard-Lighthouse-Bericht:<\/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=\"Beispiel f\u00fcr ein Testergebnis der PageSpeed API\" width=\"747\" height=\"493\"><figcaption id=\"caption-attachment-148087\" class=\"wp-caption-text\">Beispiel f\u00fcr ein Testergebnis der PageSpeed API<\/figcaption><\/figure>\n<p>Die asynchrone Funktion <code>startCheck()<\/code> wird aufgerufen, wenn das Formular abgeschickt wird. Sie bricht das Submit-Ereignis ab und blendet die vorherigen Ergebnisse aus:<\/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>Sie konstruiert dann <code>apiURL<\/code> aus den Formulardaten und deaktiviert die Felder:<\/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>Die <a href=\"https:\/\/developer.mozilla.org\/docs\/Web\/API\/Fetch_API\" target=\"_blank\" rel=\"noopener noreferrer\">Fetch-API<\/a> wird verwendet, um die PageSpeed-URL aufzurufen, die Antwort zu erhalten und den JSON-String in ein brauchbares JavaScript-Objekt zu parsen. Ein try\/catch-Block sorgt daf\u00fcr, dass Fehler aufgefangen werden:<\/p>\n<pre><code>  try {\n\/\/ call API and get result\nconst\nresponse = await fetch(apiURL),\nresult = await response.json();<\/code><\/pre>\n<p>Das Ergebnisobjekt wird an eine <code>showResult()<\/code> Funktion \u00fcbergeben. Diese extrahiert Eigenschaften und f\u00fcgt sie in die Ergebnistabelle oder ein anderes HTML-Element ein, dessen data-point-Attribut auf eine PageSpeed API-Eigenschaft gesetzt ist, z. B.<\/p>\n<p><code>&lt;td data-point=\"lighthouseResult.categories.performance.score\"&gt;&lt;\/td&gt;<\/code><\/p>\n<p>Das Ende des Try-Blocks:<\/p>\n<pre><code>    \/\/ output result\nshowResult(result);\nshow(status, false);\nshow(resultTable);\n}<\/code><\/pre>\n<p>Schlie\u00dflich behandelt ein Catch-Block Fehler und die Formularfelder werden wieder aktiviert, sodass weitere Tests durchgef\u00fchrt werden k\u00f6nnen:<\/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>Weitere Entwicklungsoptionen<\/h2>\n<p>Der obige Beispielcode holt sich ein Ergebnis von der PageSpeed Insights API, wenn du es anforderst. Der Bericht ist besser konfigurierbar als Lighthouse, aber die Ausf\u00fchrung bleibt ein manueller Prozess.<\/p>\n<p>Wenn du dein eigenes Dashboard entwickeln willst, kann es praktisch sein, eine kleine Anwendung zu erstellen, die die PageSpeed Insights API aufruft und das resultierende JSON in einem neuen <a href=\"https:\/\/sevalla.com\/database-hosting\/\">Datenbankeintrag<\/a> gegen die getestete URL und das aktuelle Datum\/die aktuelle Uhrzeit speichert. Die meisten Datenbanken unterst\u00fctzen JSON, wobei <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-mongodb\/\">MongoDB<\/a> f\u00fcr diese Aufgabe ideal geeignet ist. Ein <a href=\"https:\/\/kinsta.com\/de\/docs\/wordpress-hosting\/seiten-verwaltung\/cron-jobs\/\">Cron-Job<\/a> kann deine Anwendung zeitgesteuert aufrufen &#8211; vielleicht einmal pro Tag in den fr\u00fchen Morgenstunden.<\/p>\n<p>Eine serverseitige Anwendung kann dann ihre eigene REST-API f\u00fcr deine Berichtsanforderungen implementieren, z. B. um die Ver\u00e4nderungen bestimmter Leistungskennzahlen zwischen zwei Daten zu ermitteln. Sie kann von clientseitigem <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> aufgerufen werden, um Tabellen oder Diagramme anzuzeigen, die die Leistungsverbesserungen im Laufe der Zeit veranschaulichen.<\/p>\n<p>Wenn du komplexe Berichte mit gro\u00dfen Datenmengen erstellen willst, ist es besser, die Zahlen einmal pro Tag vorzuberechnen, sobald neue PageSpeed-Daten verf\u00fcgbar sind. Schlie\u00dflich willst du die\u00a0 Leistungsverbesserungen nicht in einem Bericht zeigen, dessen Erstellung Minuten dauert!<\/p>\n\n<h2>Zusammenfassung<\/h2>\n<p>Das Lighthouse-Tool von Chrome ist gro\u00dfartig, aber es ist m\u00fchsam, viele Seiten regelm\u00e4\u00dfig auszuwerten. Mit der PageSpeed Insights API kannst du die Leistung deiner Website mit programmatischen Techniken bewerten. Die Vorteile:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/website-performance\/\">Leistungstests<\/a> k\u00f6nnen automatisiert werden. <em>Du kannst nicht vergessen, einen Test durchzuf\u00fchren.<\/em><\/li>\n<li>Die Ergebnisse werden auf den Google-Servern gesammelt, sodass <a href=\"https:\/\/kinsta.com\/de\/devkinsta\/\">lokale Ger\u00e4te-<\/a> und Netzwerkgeschwindigkeitsfaktoren weniger Einfluss haben.<\/li>\n<li>Die Metriken enthalten Informationen, die normalerweise nicht in <a href=\"https:\/\/kinsta.com\/de\/blog\/core-web-vitals\/\">Lighthouse<\/a> verf\u00fcgbar sind.<\/li>\n<li>Wichtige <a href=\"https:\/\/sevalla.com\/database-hosting\/\">Metriken k\u00f6nnen aufgezeichnet<\/a> und im Laufe der Zeit \u00fcberwacht werden, um sicherzustellen, dass sich die Seitenleistung mit jedem Update verbessert hat.<\/li>\n<li>Leistung, Zug\u00e4nglichkeit und <a href=\"https:\/\/kinsta.com\/de\/blog\/wie-hosting-seo-betrifft\/\">SEO-Informationen<\/a> k\u00f6nnen in <a href=\"https:\/\/sevalla.com\/application-hosting\/\">vereinfachten Berichten<\/a> angezeigt werden, damit sie f\u00fcr Entwickler, Manager und Kunden auf einen Blick verf\u00fcgbar sind.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Es gibt Tools, die dabei helfen, die Seitenleistung zu \u00fcberwachen und deine Verbesserungen zu bewerten. Eines der besten ist PageSpeed Insights. Es ist als Webanwendung und &#8230;<\/p>\n","protected":false},"author":188,"featured_media":60057,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[923,925,991,995],"class_list":["post-60056","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-analysen","topic-api","topic-web-entwicklungs-tools","topic-website-geschwindigkeit"],"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>Wie man die PageSpeed Insights API zur \u00dcberwachung der Seitenleistung nutzt - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Die PageSpeed Insights REST API erm\u00f6glicht es dir, automatisch Lighthouse-\u00e4hnliche Metriken zu sammeln. Beispiele f\u00fcr Code und Excel-Berichte werden bereitgestellt.\" \/>\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\/de\/blog\/pagespeed-insights-api\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie man die PageSpeed Insights API zur \u00dcberwachung der Seitenleistung nutzt\" \/>\n<meta property=\"og:description\" content=\"Die PageSpeed Insights REST API erm\u00f6glicht es dir, automatisch Lighthouse-\u00e4hnliche Metriken zu sammeln. Beispiele f\u00fcr Code und Excel-Berichte werden bereitgestellt.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-16T07:32:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-21T08:02:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/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=\"Die PageSpeed Insights REST API erm\u00f6glicht es dir, automatisch Lighthouse-\u00e4hnliche Metriken zu sammeln. Beispiele f\u00fcr Code und Excel-Berichte werden bereitgestellt.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/pagespeed-insights-api.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@craigbuckler\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Craig Buckler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"12\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/\"},\"author\":{\"name\":\"Craig Buckler\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/715d986404b06691ab3014e06596908e\"},\"headline\":\"Wie man die PageSpeed Insights API zur \u00dcberwachung der Seitenleistung nutzt\",\"datePublished\":\"2023-03-16T07:32:21+00:00\",\"dateModified\":\"2023-08-21T08:02:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/\"},\"wordCount\":2246,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/pagespeed-insights-api.jpg\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/\",\"name\":\"Wie man die PageSpeed Insights API zur \u00dcberwachung der Seitenleistung nutzt - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/pagespeed-insights-api.jpg\",\"datePublished\":\"2023-03-16T07:32:21+00:00\",\"dateModified\":\"2023-08-21T08:02:56+00:00\",\"description\":\"Die PageSpeed Insights REST API erm\u00f6glicht es dir, automatisch Lighthouse-\u00e4hnliche Metriken zu sammeln. Beispiele f\u00fcr Code und Excel-Berichte werden bereitgestellt.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/pagespeed-insights-api.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/pagespeed-insights-api.jpg\",\"width\":3042,\"height\":1521},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Website Geschwindigkeit\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/website-geschwindigkeit\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wie man die PageSpeed Insights API zur \u00dcberwachung der Seitenleistung nutzt\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"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\/de\/#\/schema\/person\/715d986404b06691ab3014e06596908e\",\"name\":\"Craig Buckler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/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\/de\/blog\/author\/craigbuckler\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie man die PageSpeed Insights API zur \u00dcberwachung der Seitenleistung nutzt - Kinsta\u00ae","description":"Die PageSpeed Insights REST API erm\u00f6glicht es dir, automatisch Lighthouse-\u00e4hnliche Metriken zu sammeln. Beispiele f\u00fcr Code und Excel-Berichte werden bereitgestellt.","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\/de\/blog\/pagespeed-insights-api\/","og_locale":"de_DE","og_type":"article","og_title":"Wie man die PageSpeed Insights API zur \u00dcberwachung der Seitenleistung nutzt","og_description":"Die PageSpeed Insights REST API erm\u00f6glicht es dir, automatisch Lighthouse-\u00e4hnliche Metriken zu sammeln. Beispiele f\u00fcr Code und Excel-Berichte werden bereitgestellt.","og_url":"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2023-03-16T07:32:21+00:00","article_modified_time":"2023-08-21T08:02:56+00:00","og_image":[{"width":3042,"height":1521,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/pagespeed-insights-api.jpg","type":"image\/jpeg"}],"author":"Craig Buckler","twitter_card":"summary_large_image","twitter_description":"Die PageSpeed Insights REST API erm\u00f6glicht es dir, automatisch Lighthouse-\u00e4hnliche Metriken zu sammeln. Beispiele f\u00fcr Code und Excel-Berichte werden bereitgestellt.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/pagespeed-insights-api.jpg","twitter_creator":"@craigbuckler","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Craig Buckler","Gesch\u00e4tzte Lesezeit":"12\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/"},"author":{"name":"Craig Buckler","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/715d986404b06691ab3014e06596908e"},"headline":"Wie man die PageSpeed Insights API zur \u00dcberwachung der Seitenleistung nutzt","datePublished":"2023-03-16T07:32:21+00:00","dateModified":"2023-08-21T08:02:56+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/"},"wordCount":2246,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/pagespeed-insights-api.jpg","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/","url":"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/","name":"Wie man die PageSpeed Insights API zur \u00dcberwachung der Seitenleistung nutzt - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/pagespeed-insights-api.jpg","datePublished":"2023-03-16T07:32:21+00:00","dateModified":"2023-08-21T08:02:56+00:00","description":"Die PageSpeed Insights REST API erm\u00f6glicht es dir, automatisch Lighthouse-\u00e4hnliche Metriken zu sammeln. Beispiele f\u00fcr Code und Excel-Berichte werden bereitgestellt.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/pagespeed-insights-api.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/03\/pagespeed-insights-api.jpg","width":3042,"height":1521},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/pagespeed-insights-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"Website Geschwindigkeit","item":"https:\/\/kinsta.com\/de\/thema\/website-geschwindigkeit\/"},{"@type":"ListItem","position":3,"name":"Wie man die PageSpeed Insights API zur \u00dcberwachung der Seitenleistung nutzt"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","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\/de\/#\/schema\/person\/715d986404b06691ab3014e06596908e","name":"Craig Buckler","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/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\/de\/blog\/author\/craigbuckler\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/60056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/188"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=60056"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/60056\/revisions"}],"predecessor-version":[{"id":60571,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/60056\/revisions\/60571"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60056\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60056\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60056\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60056\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60056\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60056\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60056\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60056\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60056\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60056\/translations\/dk"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/60056\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/60057"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=60056"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=60056"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=60056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}