{"id":22895,"date":"2026-08-30T09:14:30","date_gmt":"2026-08-30T07:14:30","guid":{"rendered":"https:\/\/www.curiaweb.ch\/?post_type=docs&#038;p=22895"},"modified":"2026-08-30T09:14:31","modified_gmt":"2026-08-30T07:14:31","password":"","slug":"google-pagespeed-insights","status":"publish","type":"docs","link":"https:\/\/www.curiaweb.ch\/it\/hilfe\/seo-monitoring\/google-pagespeed-insights\/","title":{"rendered":"Usare correttamente Google PageSpeed Insights"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Google PageSpeed Insights geh\u00f6rt zu den bekanntesten Werkzeugen zur Analyse der Performance einer Website. Du gibst eine URL ein und erh\u00e4ltst Messwerte, Bewertungen und technische Hinweise zur untersuchten Seite.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die eigentliche Herausforderung besteht jedoch nicht darin, einen PageSpeed-Test zu starten. Entscheidend ist, die angezeigten Ergebnisse richtig zu interpretieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Performance-Score von 100 bedeutet nicht automatisch, dass eine Website perfekt ist. Umgekehrt bedeutet ein niedrigerer Score nicht, dass du jeden angezeigten Hinweis sofort umsetzen solltest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In dieser Anleitung zeigen wir dir, wie du Google PageSpeed Insights sinnvoll verwendest, welche Bereiche besonders wichtig sind und wie du aus den Ergebnissen konkrete Optimierungsma\u00dfnahmen ableitest.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Breve spiegazione:<\/strong> PageSpeed Insights ist ein Diagnosewerkzeug. Nutze es, um Performance-Probleme zu erkennen und zu priorisieren \u2013 nicht als Wettbewerb um m\u00f6glichst viele gr\u00fcne Punkte.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist Google PageSpeed Insights?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights, kurz PSI, ist ein Analysewerkzeug von Google f\u00fcr die Performance von Webseiten auf mobilen Ger\u00e4ten und Desktop-Systemen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PSI kombiniert dabei zwei grunds\u00e4tzlich unterschiedliche Arten von Daten:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Felddaten\n\u2192 Erfahrungen echter Nutzer\n\nLabordaten\n\u2192 kontrollierter Lighthouse-Test<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Zus\u00e4tzlich liefert die Analyse technische Diagnosen und Hinweise, mit denen sich m\u00f6gliche Performance-Probleme untersuchen lassen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">PageSpeed Insights aufrufen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffne PageSpeed Insights unter:<\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/pagespeed.web.dev\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Gib anschlie\u00dfend die vollst\u00e4ndige URL der Seite ein, die du untersuchen m\u00f6chtest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esempio:<\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/example.com\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Starte danach die Analyse.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Consiglio pratico:<\/strong> Teste nicht automatisch nur deine Startseite. Wenn du wissen m\u00f6chtest, weshalb beispielsweise eine Produktseite langsam ist, musst du genau diese Produktseite analysieren.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Welche URL sollte ich testen?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Website besteht h\u00e4ufig aus unterschiedlichen Seitentypen mit v\u00f6llig unterschiedlichen technischen Anforderungen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Startseite kann beispielsweise schnell sein, w\u00e4hrend eine Produktseite zahlreiche Bilder, Varianten und zus\u00e4tzliche Scripts l\u00e4dt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je nach Website solltest du deshalb mehrere repr\u00e4sentative URLs untersuchen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questi possono essere, ad esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Startseite\nwichtige Leistungsseite\nLandingpage\nBlogartikel\nShop-Kategorieseite\nProduktseite\nCheckout<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Damit erh\u00e4ltst du ein wesentlich realistischeres Bild als durch einen einzelnen Test der Startseite.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mobile und Desktop getrennt betrachten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights unterscheidet zwischen mobilen Ger\u00e4ten und Desktop-Systemen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Ergebnisse k\u00f6nnen deutlich voneinander abweichen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das liegt unter anderem daran, dass sich die Testbedingungen und die verf\u00fcgbare Rechenleistung unterscheiden k\u00f6nnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Website, die auf einem leistungsf\u00e4higen Desktop-System problemlos verarbeitet wird, kann auf einem schw\u00e4cheren mobilen Ger\u00e4t deutlich st\u00e4rker gefordert sein.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Importante:<\/strong> Ignoriere die mobile Analyse nicht, nur weil der Desktop-Score besser aussieht. F\u00fcr viele Websites ist die mobile Nutzung ein wesentlicher Teil des tats\u00e4chlichen Besucherverkehrs.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Die zwei wichtigsten Datenbereiche verstehen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei PageSpeed Insights solltest du grunds\u00e4tzlich zwischen Felddaten und Labordaten unterscheiden.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Felddaten\n\u2192 reale Nutzung in der Vergangenheit\n\nLabordaten\n\u2192 aktueller synthetischer Test unter definierten Bedingungen<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Daten beantworten unterschiedliche Fragen und k\u00f6nnen deshalb unterschiedliche Ergebnisse liefern.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was sind die Felddaten in PageSpeed Insights?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die Felddaten stammen aus dem Chrome User Experience Report, kurz CrUX.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie basieren auf anonymisierten Messungen realer Chrome-Nutzer unter unterschiedlichen Ger\u00e4te- und Netzwerkbedingungen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die angezeigten Felddaten bilden einen rollierenden Zeitraum der vergangenen 28 Tage ab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Damit zeigen sie nicht einfach, wie die Seite genau in diesem Moment funktioniert, sondern wie reale Nutzer sie \u00fcber einen l\u00e4ngeren Zeitraum erlebt haben.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Welche Werte zeigt der Felddatenbereich?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Zu den dort relevanten Kennzahlen geh\u00f6ren unter anderem:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>LCP \u2192 Largest Contentful Paint\nINP \u2192 Interaction to Next Paint\nCLS \u2192 Cumulative Layout Shift\nFCP \u2192 First Contentful Paint\nTTFB \u2192 Time to First Byte<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Die eigentlichen Core Web Vitals sind:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>LCP\nINP\nCLS<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Diese drei Kennzahlen erkl\u00e4ren wir ausf\u00fchrlich unter <a href=\"\/it\/aiuto\/monitoraggio-seo\/core-web-vitals-lcp-inp-cls\/\">Core Web Vitals spiegati: LCP, INP e CLS<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Warum werden manchmal keine Felddaten angezeigt?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nicht jede URL verf\u00fcgt \u00fcber ausreichend CrUX-Daten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das kann insbesondere bei neuen Websites, wenig besuchten Seiten oder URLs mit zu wenig geeigneten Messdaten vorkommen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights kann dann m\u00f6glicherweise keine belastbaren Felddaten f\u00fcr diese URL darstellen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das bedeutet nicht, dass die Seite nicht analysiert werden kann.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Lighthouse-Labordaten k\u00f6nnen weiterhin f\u00fcr die technische Diagnose verwendet werden.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Importante:<\/strong> \u201eKeine Daten\u201c bedeutet nicht \u201eschlechte Performance\u201c. Es bedeutet zun\u00e4chst nur, dass f\u00fcr die betreffende Auswertung nicht gen\u00fcgend reale Nutzungsdaten vorliegen.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">URL-Daten und Ursprungsdaten unterscheiden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Je nach Datenverf\u00fcgbarkeit kann PageSpeed Insights Informationen f\u00fcr die konkret getestete URL oder aggregierte Daten f\u00fcr den Ursprung der Website darstellen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das ist ein wichtiger Unterschied.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In sintesi:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>URL-Daten\n\u2192 Erfahrungen mit genau dieser Seite\n\nOrigin-\/Ursprungsdaten\n\u2192 aggregierte Erfahrungen mit Seiten\n   derselben Website-Herkunft<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Achte deshalb darauf, auf welcher Datenbasis die angezeigten Werte beruhen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was bedeutet \u201eCore Web Vitals: bestanden\u201c?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr die Bewertung der Core Web Vitals betrachtet Google die Werte f\u00fcr LCP, INP und CLS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Bewertung basiert auf dem 75. Perzentil der realen Nutzungsdaten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Schwellenwerte f\u00fcr eine gute Bewertung sind:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Valore misurato<\/th><th>Bene<\/th><\/tr><\/thead><tbody><tr><td><strong>LCP<\/strong><\/td><td><code>\u2264 2,5 s<\/code><\/td><\/tr><tr><td><strong>INP<\/strong><\/td><td><code>\u2264 200 ms<\/code><\/td><\/tr><tr><td><strong>CLS<\/strong><\/td><td><code>\u2264 0,1<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr eine bestandene Core-Web-Vitals-Bewertung m\u00fcssen bei ausreichender Datenbasis die relevanten Messwerte im 75. Perzentil im guten Bereich liegen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was bedeutet das 75. Perzentil?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Das 75. Perzentil verhindert, dass eine Website nur anhand besonders schneller Einzelaufrufe beurteilt wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vereinfacht bedeutet es:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mindestens 75 Prozent der gemessenen Erfahrungen erreichen einen Wert, der diesem Wert entspricht oder besser ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn beispielsweise der LCP am 75. Perzentil bei:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>2,3 Sekunden<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">liegt, hatten mindestens 75 Prozent der ber\u00fccksichtigten Erfahrungen einen LCP von h\u00f6chstens ungef\u00e4hr diesem Wert.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was sind die Labordaten?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Unterhalb der realen Nutzungsdaten f\u00fchrt PageSpeed Insights eine Lighthouse-Analyse durch.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dabei wird die Seite unter definierten beziehungsweise simulierten Bedingungen geladen und technisch untersucht.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Labordaten eignen sich besonders f\u00fcr die Diagnose.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du kannst beispielsweise eine \u00c4nderung an deiner Website durchf\u00fchren und anschlie\u00dfend erneut testen, um zu pr\u00fcfen, wie sich die \u00c4nderung auf die Lighthouse-Messung auswirkt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was bedeutet der Performance-Score?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lighthouse fasst verschiedene gewichtete Performance-Messwerte zu einem Score zwischen 0 und 100 zusammen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Bereiche werden grunds\u00e4tzlich folgenderma\u00dfen eingeordnet:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Score<\/th><th>Bewertung<\/th><\/tr><\/thead><tbody><tr><td><code>90\u2013100<\/code><\/td><td>Bene<\/td><\/tr><tr><td><code>50\u201389<\/code><\/td><td>Verbesserungspotenzial<\/td><\/tr><tr><td><code>0\u201349<\/code><\/td><td>Male<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Der Score ist hilfreich f\u00fcr eine schnelle Orientierung. Er ist aber kein Prozentsatz der Geschwindigkeit deiner Website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un valore di:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Performance 82<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">bedeutet also nicht:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Die Website ist zu 82 % schnell.<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Warum schwankt der Performance-Score?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du denselben Test mehrmals durchf\u00fchrst, k\u00f6nnen unterschiedliche Scores entstehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questo \u00e8 fondamentalmente normale.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Messungen k\u00f6nnen beispielsweise durch Netzwerkbedingungen, verf\u00fcgbare Ressourcen des Testsystems, externe Dienste und unterschiedliche Antwortzeiten beeinflusst werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Deshalb solltest du aus einer einzelnen Messung keine weitreichenden Schlussfolgerungen ziehen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mehrmals testen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fchre eine Analyse mehrmals durch und achte darauf, ob sich ein wiederkehrendes Muster ergibt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Test 1 \u2192 83\nTest 2 \u2192 86\nTest 3 \u2192 84\n\n\u2192 relativ konsistentes Ergebnis<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Bei folgendem Ergebnis solltest du dagegen genauer hinsehen:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Test 1 \u2192 85\nTest 2 \u2192 51\nTest 3 \u2192 87<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Hier w\u00e4re interessant, weshalb eine Messung so stark von den anderen abweicht.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Felddaten und Labordaten k\u00f6nnen sich widersprechen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Es kann vorkommen, dass die realen Nutzungsdaten gut aussehen, w\u00e4hrend der aktuelle Lighthouse-Test Probleme zeigt \u2013 oder umgekehrt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das ist nicht zwangsl\u00e4ufig ein Fehler.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Daten betrachten unterschiedliche Zeitr\u00e4ume und Bedingungen:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Felddaten\n\u2192 reale Nutzer\n\u2192 unterschiedliche Ger\u00e4te\n\u2192 unterschiedliche Netzwerke\n\u2192 vergangene 28 Tage\n\nLabordaten\n\u2192 einzelner synthetischer Test\n\u2192 definierte Bedingungen\n\u2192 aktueller Zeitpunkt<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Deshalb solltest du nicht versuchen, beide Bereiche zwangsl\u00e4ufig auf identische Werte zu bringen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Welchen Daten soll ich mehr vertrauen?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Beide Datenarten sind wertvoll, aber f\u00fcr unterschiedliche Aufgaben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du wissen m\u00f6chtest, wie reale Nutzer deine Website tats\u00e4chlich erleben, sind Felddaten besonders relevant.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du einen konkreten technischen Engpass untersuchen oder eine \u00c4nderung unmittelbar testen m\u00f6chtest, sind Labordaten sehr hilfreich.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die sinnvollste Analyse verwendet beide Perspektiven.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die Performance-Kennzahlen im Lighthouse-Bereich<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights zeigt im Labortest mehrere Performance-Kennzahlen an.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je nach aktueller Lighthouse-Version kann sich die genaue Darstellung beziehungsweise Gewichtung ver\u00e4ndern.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Zu den typischen Kennzahlen geh\u00f6ren unter anderem:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>First Contentful Paint\nLargest Contentful Paint\nTotal Blocking Time\nCumulative Layout Shift\nSpeed Index<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Werte beschreiben unterschiedliche Aspekte des Ladevorgangs und der Darstellung.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">First Contentful Paint \u2013 FCP<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">FCP beschreibt, wann der Browser erstmals Inhalt aus dem Dokument darstellt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein guter FCP kann dem Besucher fr\u00fch signalisieren, dass die Seite tats\u00e4chlich l\u00e4dt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">FCP sagt jedoch noch nicht, wann der wichtigste Hauptinhalt sichtbar ist.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Largest Contentful Paint \u2013 LCP<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">LCP betrachtet das Rendern des gr\u00f6\u00dften relevanten Inhaltselements im sichtbaren Bereich.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn beispielsweise ein gro\u00dfes Hero-Bild das LCP-Element ist, k\u00f6nnen dessen Dateigr\u00f6\u00dfe, Ladepriorit\u00e4t und technische Einbindung einen erheblichen Einfluss haben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wie du Bilder richtig vorbereitest, erkl\u00e4ren wir unter <a href=\"\/it\/aiuto\/monitoraggio-seo\/bilder-fuer-web-optimieren\/\">Ottimizzare le immagini per il web: dimensione del file, formato e SEO<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Total Blocking Time \u2013 TBT<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Total Blocking Time ist eine Laborkennzahl, die vereinfacht betrachtet, wie stark der Hauptthread w\u00e4hrend eines bestimmten Abschnitts des Seitenaufbaus durch l\u00e4ngere Aufgaben blockiert wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">JavaScript kann dabei eine wichtige Rolle spielen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein hoher TBT kann darauf hinweisen, dass der Browser l\u00e4ngere Zeit mit Aufgaben besch\u00e4ftigt ist und dadurch nicht unmittelbar auf andere Arbeiten reagieren kann.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">TBT und INP sind nicht dasselbe<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">TBT ist eine Laborkennzahl. INP basiert auf tats\u00e4chlichen Interaktionen und geh\u00f6rt zu den Core Web Vitals.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die beiden Werte stehen thematisch im Zusammenhang mit Reaktionsf\u00e4higkeit, d\u00fcrfen aber nicht gleichgesetzt werden.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Importante:<\/strong> Ein guter TBT-Wert im Lighthouse-Test ersetzt keine realen INP-Daten.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Cumulative Layout Shift \u2013 CLS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">CLS bewertet unerwartete Layoutverschiebungen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein typisches Beispiel ist ein Text oder Button, der w\u00e4hrend des Ladens pl\u00f6tzlich seine Position ver\u00e4ndert, weil oberhalb nachtr\u00e4glich ein Element Platz beansprucht.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">M\u00f6gliche Ausl\u00f6ser k\u00f6nnen beispielsweise Bilder ohne geeignete Gr\u00f6\u00dfeninformationen oder dynamisch eingef\u00fcgte Inhalte sein.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Speed Index<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Der Speed Index beschreibt vereinfacht, wie schnell die sichtbaren Inhalte einer Seite w\u00e4hrend des Ladevorgangs dargestellt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Er ist eine Laborkennzahl und sollte gemeinsam mit den anderen Messwerten betrachtet werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was bedeuten die farbigen Werte?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights verwendet Farben, um die Einordnung von Messwerten zu erleichtern.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Gr\u00fcn\n\u2192 guter Bereich\n\nOrange \/ Gelb\n\u2192 Verbesserung erforderlich\n\nRot\n\u2192 schlechter Bereich<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Farben sind hilfreich zur Orientierung, sollten aber nicht dazu f\u00fchren, dass du jede gelbe oder rote Meldung ohne Priorisierung bearbeitest.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Der wichtigste Bereich: Diagnosen und Optimierungshinweise<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Unterhalb der Kennzahlen zeigt Lighthouse verschiedene technische Hinweise.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dort liegt f\u00fcr die praktische Optimierung h\u00e4ufig der gr\u00f6\u00dfte Nutzen des Werkzeugs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights kann beispielsweise auf folgende Probleme hinweisen:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>unn\u00f6tig gro\u00dfe Bilder\nineffizient ausgelieferte Bilder\nrender-blockierende Ressourcen\nungenutztes JavaScript\nungenutztes CSS\nlange Aufgaben im Hauptthread\ngro\u00dfe Netzwerk-Nutzlasten\nProbleme beim LCP-Element\nCaching-Probleme\nLayoutverschiebungen<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Welche Hinweise tats\u00e4chlich erscheinen, h\u00e4ngt von der analysierten Seite und der verwendeten Lighthouse-Version ab.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nicht jede Empfehlung hat dieselbe Priorit\u00e4t<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine lange Liste von Hinweisen kann zun\u00e4chst dramatisch aussehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du solltest sie aber nicht einfach von oben nach unten abarbeiten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verifica prima:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Welcher Messwert ist tats\u00e4chlich schlecht?\n        \u2193\nWelche Ressource beeinflusst ihn?\n        \u2193\nWie gro\u00df ist das m\u00f6gliche Verbesserungspotenzial?\n        \u2193\nKann die Ma\u00dfnahme ohne Funktionsverlust umgesetzt werden?\n        \u2193\nIst der Aufwand im Verh\u00e4ltnis zum Nutzen sinnvoll?<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Gesch\u00e4tzte Einsparungen richtig verstehen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei bestimmten Pr\u00fcfungen zeigt Lighthouse eine gesch\u00e4tzte m\u00f6gliche Einsparung an.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine solche Sch\u00e4tzung ist kein Versprechen, dass deine reale Website anschlie\u00dfend exakt um diesen Wert schneller wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie hilft vielmehr dabei, das m\u00f6gliche Optimierungspotenzial einer Ma\u00dfnahme einzuordnen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Beispiel: Bilder sind zu gro\u00df<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Angenommen, PageSpeed Insights meldet, dass ein gro\u00dfes Bild effizienter ausgeliefert werden k\u00f6nnte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dann solltest du zun\u00e4chst die betreffende Datei identifizieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verifica poi:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Welche Pixelabmessungen besitzt das Bild?\n\nWie gro\u00df wird es tats\u00e4chlich dargestellt?\n\nWelche Dateigr\u00f6\u00dfe besitzt es?\n\nWelches Format wird verwendet?\n\nIst die Qualit\u00e4tsstufe angemessen?<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Danach kannst du gezielt eine optimierte Variante erstellen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Unterschiede zwischen den wichtigsten Formaten erkl\u00e4ren wir unter <a href=\"\/it\/aiuto\/monitoraggio-seo\/webp-avif-jpg-png-unterschied\/\">WebP, AVIF, JPG e PNG: quale formato di immagine usare?<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Beispiel: Render-blockierende Ressourcen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bestimmte CSS- oder JavaScript-Ressourcen k\u00f6nnen die Darstellung einer Seite beeinflussen, bevor wichtige sichtbare Inhalte gerendert werden k\u00f6nnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights kann solche Ressourcen identifizieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das bedeutet jedoch nicht, dass du jede angezeigte CSS- oder JavaScript-Datei einfach entfernen oder verz\u00f6gert laden solltest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie kann f\u00fcr das Layout oder eine wichtige Funktion erforderlich sein.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Attenzione:<\/strong> Performance-Optimierungen an CSS und JavaScript k\u00f6nnen die Funktion oder Darstellung einer Website ver\u00e4ndern. Erstelle vor gr\u00f6\u00dferen \u00c4nderungen ein Backup und teste die Website anschlie\u00dfend sorgf\u00e4ltig.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Beispiel: Ungenutztes JavaScript<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Website kann JavaScript laden, von dem beim untersuchten Seitenaufruf nur ein Teil ben\u00f6tigt wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das kann beispielsweise bei umfangreichen Themes, Plugins oder externen Bibliotheken auftreten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Meldung \u201eungenutztes JavaScript\u201c bedeutet aber nicht automatisch, dass die komplette betreffende Datei gel\u00f6scht werden kann.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Script kann beispielsweise auf einer anderen Seite oder erst nach einer bestimmten Benutzeraktion ben\u00f6tigt werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Beispiel: Ungenutztes CSS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c4hnliches gilt f\u00fcr CSS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Stylesheet kann Regeln enthalten, die auf der gerade getesteten Seite nicht verwendet werden, auf anderen Bereichen der Website aber notwendig sind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Automatisches Entfernen ohne Pr\u00fcfung kann deshalb zu Darstellungsfehlern f\u00fchren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Beispiel: LCP-Element untersuchen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn der LCP auff\u00e4llig ist, solltest du herausfinden, welches Element als LCP-Element erkannt wurde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questo pu\u00f2 essere, ad esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Hero-Bild\ngro\u00dfe \u00dcberschrift\nBanner\ngro\u00dfer Inhaltsblock<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Ist ein Bild betroffen, kannst du unter anderem dessen Abmessungen, Dateigr\u00f6\u00dfe, Format und Ladeverhalten untersuchen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ist Text betroffen, k\u00f6nnen andere Ressourcen wie Webfonts oder render-blockierende Styles eine Rolle spielen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Beispiel: Layoutverschiebungen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einem auff\u00e4lligen CLS solltest du nicht einfach nach einer allgemeinen \u201eCLS-Optimierung\u201c suchen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ermittle zuerst, welche Elemente sich tats\u00e4chlich unerwartet verschieben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">M\u00f6gliche Kandidaten sind beispielsweise:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Bilder ohne reservierten Platz\nWerbeelemente\nCookie-Banner\nnachgeladene Inhalte\nWebfonts\ndynamische Widgets<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Erst danach sollte die konkrete Ursache behoben werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Netzwerk-Nutzlasten beurteilen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lighthouse kann auf gro\u00dfe \u00fcbertragene Datenmengen hinweisen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das ist besonders bei Seiten mit vielen Bildern, Videos, Fonts oder umfangreichen Scripts interessant.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine gro\u00dfe Gesamtmenge allein sagt allerdings noch nicht, welche Ressource unn\u00f6tig ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Fotogalerie ben\u00f6tigt naturgem\u00e4\u00df mehr Daten als eine reine Textseite.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Untersuche deshalb die einzelnen Ressourcen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Drittanbieter-Code erkennen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Externe Dienste k\u00f6nnen einen erheblichen Anteil an JavaScript und Netzwerkanfragen verursachen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questi possono includere, ad esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Analytics\nTag-Manager\nWerbenetzwerke\nSocial-Media-Widgets\nChat-Systeme\nexterne Videos\nMaps\nMarketing-Tools<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn ein Drittanbieter einen gro\u00dfen Performance-Einfluss besitzt, musst du abw\u00e4gen, welchen gesch\u00e4ftlichen Nutzen der Dienst bringt und ob er anders eingebunden werden kann.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nicht jedes externe Script einfach entfernen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Analyse- oder Marketing-System kann f\u00fcr eine Website gesch\u00e4ftlich wichtig sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Performance-Optimierung bedeutet deshalb nicht automatisch, s\u00e4mtliche externen Dienste zu l\u00f6schen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die bessere Frage lautet:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Brauchen wir diesen Dienst, und wenn ja, k\u00f6nnen wir ihn effizienter einsetzen?<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Warum 100 Punkte nicht das eigentliche Ziel sind<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Score von 100 sieht hervorragend aus, ist aber kein Qualit\u00e4tszertifikat f\u00fcr die gesamte Website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights bewertet bestimmte technische Aspekte. Das Werkzeug beurteilt beispielsweise nicht, ob dein Angebot verst\u00e4ndlich ist, deine Texte hilfreich sind oder Besucher ihr Ziel erreichen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Auch bei der Performance kann ein sehr guter Lab-Score nicht garantieren, dass jeder reale Besucher dieselbe Erfahrung hat.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Consiglio pratico:<\/strong> Wenn deine Core Web Vitals gut sind, die Website f\u00fcr reale Besucher schnell und stabil funktioniert und keine bedeutenden Performance-Probleme bestehen, ist die Jagd von 97 auf 100 Punkte h\u00e4ufig weniger wichtig als die Verbesserung echter Inhalte oder Funktionen.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Ein gr\u00fcner Score bedeutet nicht \u201enichts mehr tun\u201c<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Anche il contrario \u00e8 vero.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Website mit einem Score \u00fcber 90 kann einzelne Probleme besitzen, die f\u00fcr reale Besucher relevant sind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Beispielsweise kann eine bestimmte Produktseite, ein Formular oder eine Interaktion problematisch sein, obwohl die getestete Startseite einen guten Score erreicht.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">PageSpeed Insights ist ein Seitentest<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du eine URL analysierst, untersucht Lighthouse diese konkrete Seite.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das Ergebnis darf nicht automatisch auf die gesamte Website \u00fcbertragen werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn die Startseite:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Performance 95<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">erreicht, bedeutet das nicht, dass jede andere URL ebenfalls 95 Punkte erreicht.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vorher-Nachher-Vergleiche durchf\u00fchren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights eignet sich gut, um eine konkrete Optimierung zu kontrollieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein sinnvoller Ablauf:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>URL testen\n    \u2193\nmehrere Messungen durchf\u00fchren\n    \u2193\nWerte dokumentieren\n    \u2193\neine konkrete Optimierung durchf\u00fchren\n    \u2193\nCache ber\u00fccksichtigen\n    \u2193\ndieselbe URL erneut testen\n    \u2193\nmehrere Messungen durchf\u00fchren\n    \u2193\nErgebnisse vergleichen<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Wie du Performance-Messungen grunds\u00e4tzlich sauber vergleichst, erkl\u00e4ren wir unter <a href=\"\/it\/aiuto\/monitoraggio-seo\/website-ladezeit-messen\/\">Misurare e valutare correttamente il tempo di caricamento del sito web<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Immer nur eine nachvollziehbare \u00c4nderung bewerten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du f\u00fcnf Performance-Ma\u00dfnahmen gleichzeitig umsetzt, kannst du anschlie\u00dfend kaum beurteilen, welche davon tats\u00e4chlich geholfen hat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei der Fehlersuche ist ein kontrolliertes Vorgehen besser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Ausgangsmessung\n      \u2193\nHero-Bild optimieren\n      \u2193\nerneut messen\n      \u2193\nErgebnis dokumentieren\n      \u2193\nn\u00e4chste Ma\u00dfnahme<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Warum sich ein Ergebnis trotz unver\u00e4nderter Website \u00e4ndern kann<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lighthouse-Messungen besitzen eine gewisse nat\u00fcrliche Variabilit\u00e4t.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Netzwerk, Testumgebung, externe Ressourcen und andere Faktoren k\u00f6nnen einzelne Durchl\u00e4ufe beeinflussen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Deshalb solltest du kleine Unterschiede nicht \u00fcberinterpretieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Unterschied zwischen beispielsweise 91 und 93 Punkten beweist allein noch keine relevante Performance-Verbesserung.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">PageSpeed nach einem Relaunch richtig verwenden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nach einem Website-Relaunch ist PageSpeed Insights besonders hilfreich.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teste nicht nur die neue Startseite, sondern wichtige Seitentypen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verifica ad esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Startseite\nwichtigste Landingpages\nBlogartikel\nKontaktseite\nProduktseiten\nShop-Seiten<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einer neuen oder stark ver\u00e4nderten Website k\u00f6nnen die Felddaten zun\u00e4chst noch die vergangenen 28 Tage widerspiegeln beziehungsweise f\u00fcr neue URLs nicht ausreichend verf\u00fcgbar sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr unmittelbare technische Pr\u00fcfungen sind deshalb zun\u00e4chst die aktuellen Labordaten besonders hilfreich.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nach einer Optimierung \u00e4ndern sich Felddaten nicht sofort<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Questo punto \u00e8 particolarmente importante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du heute eine Performance-Verbesserung durchf\u00fchrst, spiegeln die CrUX-Felddaten diese \u00c4nderung nicht sofort vollst\u00e4ndig wider.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie betrachten einen rollierenden Zeitraum von 28 Tagen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Labordaten k\u00f6nnen eine technische \u00c4nderung dagegen unmittelbar bei einer neuen Messung erfassen.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\u00c4nderung heute\n      \u2193\nLighthouse-Labtest\n\u2192 Effekt sofort messbar\n\nCrUX-Felddaten\n\u2192 ver\u00e4ndern sich schrittweise\n  mit neuen realen Nutzungsdaten<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">PageSpeed Insights und SEO<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights wird h\u00e4ufig als \u201eSEO-Test\u201c betrachtet. Das ist zu stark vereinfacht.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das Werkzeug kann technische Hinweise liefern und enth\u00e4lt Lighthouse-Pr\u00fcfungen aus verschiedenen Kategorien. Ein Performance-Score ist aber kein direkter Google-Ranking-Score.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Wechsel von:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Performance 82 \u2192 95<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">bedeutet deshalb nicht automatisch eine entsprechend gro\u00dfe Rankingverbesserung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Core Web Vitals sind Teil der von Google betrachteten Page-Experience-Signale, aber Suchmaschinenranking h\u00e4ngt von wesentlich mehr Faktoren ab.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">PageSpeed nicht mit Google Search Console verwechseln<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights analysiert eine angegebene URL hinsichtlich technischer Performance-Aspekte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Google Search Console zeigt dagegen unter anderem Informationen dar\u00fcber, wie Google deine Website in der Suche verarbeitet und wie sie in den Suchergebnissen performt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Beide Werkzeuge erg\u00e4nzen sich, erf\u00fcllen aber unterschiedliche Aufgaben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Einrichtung der Search Console behandeln wir unter <a href=\"\/it\/aiuto\/monitoraggio-seo\/google-search-console-einrichten\/\">Configurare Google Search Console e verificare il sito web<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was tun bei einem schlechten PageSpeed-Ergebnis?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein schlechter Score ist zun\u00e4chst ein Ausgangspunkt f\u00fcr die Diagnose.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gehe nicht sofort davon aus, dass eine komplette Website neu gebaut oder das Hosting gewechselt werden muss.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Untersuche zuerst die gr\u00f6\u00dften Auff\u00e4lligkeiten.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Schlechter Score\n      \u2193\nWelche Kennzahl ist auff\u00e4llig?\n      \u2193\nWelche Diagnose erkl\u00e4rt das Problem?\n      \u2193\nWelche Ressource ist betroffen?\n      \u2193\nUrsache \u00fcberpr\u00fcfen\n      \u2193\ngezielte Ma\u00dfnahme\n      \u2193\nerneut messen<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Die systematische Ursachenanalyse behandeln wir unter <a href=\"\/it\/aiuto\/monitoraggio-seo\/cause-di-un-sito-lento\/\">Sito web lento: trovare sistematicamente le cause<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Typische Priorisierung von Problemen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Es gibt keine universelle Reihenfolge f\u00fcr jede Website. Als Grundprinzip kannst du jedoch zuerst Probleme betrachten, die einen gro\u00dfen Einfluss auf wichtige Kennzahlen besitzen und sich ohne Funktionsverlust sinnvoll beheben lassen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>gro\u00dfes LCP-Problem\n        \u2193\nLCP-Element identifizieren\n\nsehr gro\u00dfe Bilder\n        \u2193\nBildoptimierung pr\u00fcfen\n\nhohe JavaScript-Belastung\n        \u2193\nverursachende Scripts untersuchen\n\nstarke Layoutverschiebungen\n        \u2193\nausl\u00f6sende Elemente identifizieren<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c4nderungen an produktiven Websites vorsichtig durchf\u00fchren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Performance-Einstellungen k\u00f6nnen tief in die technische Auslieferung einer Website eingreifen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 riguarda, ad esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>JavaScript-Verz\u00f6gerung\nCSS-Optimierung\nMinifizierung\nCaching\nPreloading\nLazy Loading\nEntfernen von Ressourcen<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Eine falsche Konfiguration kann Men\u00fcs, Formulare, Shops, Cookie-Banner oder andere Funktionen beeintr\u00e4chtigen.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Attenzione:<\/strong> Erstelle vor gr\u00f6\u00dferen technischen Performance-\u00c4nderungen ein Backup und pr\u00fcfe danach nicht nur den PageSpeed-Score, sondern die tats\u00e4chliche Website auf Desktop und Smartphone.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Nach jeder Optimierung die Website selbst benutzen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein besserer Score ist wertlos, wenn anschlie\u00dfend eine wichtige Funktion nicht mehr funktioniert.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teste nach \u00c4nderungen beispielsweise:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Navigation\nFormulare\nButtons\nSlider\nCookie-Banner\nSuche\nLogin\nWarenkorb\nCheckout\nmobile Darstellung<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Welche Funktionen relevant sind, h\u00e4ngt selbstverst\u00e4ndlich von deiner Website ab.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wann ist eine PageSpeed-Meldung weniger wichtig?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Manche Hinweise betreffen nur eine sehr kleine m\u00f6gliche Einsparung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn die Umsetzung gleichzeitig komplex oder riskant w\u00e4re, kann eine andere Ma\u00dfnahme eine deutlich h\u00f6here Priorit\u00e4t besitzen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Performance-Optimierung ist deshalb auch eine Frage der Verh\u00e4ltnism\u00e4\u00dfigkeit:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>m\u00f6glicher Nutzen\n      \u2195\nUmsetzungsaufwand\n      \u2195\ntechnisches Risiko\n      \u2195\nBedeutung f\u00fcr reale Besucher<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">PageSpeed Insights regelm\u00e4\u00dfig verwenden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Website ver\u00e4ndert sich im Laufe der Zeit.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neue Bilder, Plugins, Tracking-Dienste, Fonts, Videos oder andere Funktionen k\u00f6nnen die Performance beeinflussen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine erneute Analyse ist deshalb besonders nach gr\u00f6\u00dferen \u00c4nderungen sinnvoll.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du musst PageSpeed Insights aber nicht t\u00e4glich aufrufen, wenn an der Website nichts ver\u00e4ndert wurde und keine Probleme erkennbar sind.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">PageSpeed Insights ersetzt kein Monitoring<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights ist kein System zur permanenten \u00dcberwachung der Erreichbarkeit einer Website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein erfolgreicher Test zeigt dir nicht, dass die Website w\u00e4hrend der kommenden Tage rund um die Uhr verf\u00fcgbar bleibt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr eine kontinuierliche \u00dcberwachung werden Monitoring-Systeme eingesetzt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das behandeln wir unter <a href=\"\/it\/aiuto\/monitoraggio-seo\/website-monitoring-erreichbarkeit\/\">Monitoraggio di siti web: monitorare la disponibilit\u00e0 e le interruzioni<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">PageSpeed Insights ersetzt keine vollst\u00e4ndige Fehleranalyse<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PSI kann dir sehr wertvolle Hinweise geben, kennt aber nicht automatisch die gesamte technische Ursache eines Problems.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn beispielsweise ein PHP-Prozess, eine Datenbankabfrage oder eine externe Schnittstelle zeitweise langsam ist, kann f\u00fcr die genaue Diagnose eine weitergehende Untersuchung notwendig sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">PageSpeed Insights ist deshalb ein wichtiger Teil der Performance-Diagnose \u2013 aber nicht das einzige m\u00f6gliche Werkzeug.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Praktischer PageSpeed-Workflow<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>richtige URL ausw\u00e4hlen\n        \u2193\nmobile Analyse durchf\u00fchren\n        \u2193\nDesktop-Analyse durchf\u00fchren\n        \u2193\nFelddaten pr\u00fcfen\n        \u2193\nCore Web Vitals beurteilen\n        \u2193\nLabordaten pr\u00fcfen\n        \u2193\nauff\u00e4llige Kennzahl bestimmen\n        \u2193\nDiagnosen ansehen\n        \u2193\nbetroffene Ressource identifizieren\n        \u2193\nMa\u00dfnahme nach Nutzen priorisieren\n        \u2193\neine \u00c4nderung durchf\u00fchren\n        \u2193\nWebsite funktional testen\n        \u2193\nerneut PageSpeed messen\n        \u2193\nErgebnis dokumentieren<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufige Fehler bei PageSpeed Insights<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>nur auf den Performance-Score schauen\n\nunbedingt 100 Punkte erreichen wollen\n\nnur Desktop testen\n\nnur die Startseite testen\n\nFelddaten und Labordaten verwechseln\n\nfehlende Felddaten als Fehler interpretieren\n\njede Empfehlung ungepr\u00fcft umsetzen\n\nCSS oder JavaScript blind entfernen\n\nmehrere \u00c4nderungen gleichzeitig durchf\u00fchren\n\nkleine Score-Schwankungen \u00fcberbewerten\n\nnach einer \u00c4nderung sofort neue CrUX-Werte erwarten\n\nPageSpeed mit einem Google-Ranking-Score verwechseln\n\nnach der Optimierung die Website-Funktionen nicht testen<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Checkliste: PageSpeed-Ergebnis richtig beurteilen<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>Ist die richtige URL getestet?\n        \u2193\nMobil und Desktop gepr\u00fcft?\n        \u2193\nFelddaten vorhanden?\n        \u2193\nURL- oder Origin-Daten?\n        \u2193\nCore Web Vitals bestanden?\n        \u2193\nWelcher Messwert ist auff\u00e4llig?\n        \u2193\nWas zeigen die Labordaten?\n        \u2193\nWelche Diagnose ist daf\u00fcr relevant?\n        \u2193\nWelche konkrete Ressource verursacht das Problem?\n        \u2193\nIst die vorgeschlagene Ma\u00dfnahme sinnvoll?\n        \u2193\nKann sie Funktionen beeintr\u00e4chtigen?\n        \u2193\n\u00c4nderung einzeln durchf\u00fchren\n        \u2193\nWebsite praktisch testen\n        \u2193\nerneut messen<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Riepilogo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Google PageSpeed Insights ist ein leistungsf\u00e4higes Werkzeug zur Analyse der Website-Performance. Der gr\u00f6\u00dfte Nutzen entsteht jedoch nicht durch den Performance-Score allein, sondern durch die Kombination aus realen Felddaten, Lighthouse-Labordaten und den dazugeh\u00f6rigen technischen Diagnosen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Felddaten zeigen die Erfahrungen realer Nutzer \u00fcber einen l\u00e4ngeren Zeitraum. Labordaten erm\u00f6glichen dagegen einen kontrollierten aktuellen Test und eignen sich besonders zur technischen Fehlersuche.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Core Web Vitals LCP, INP und CLS solltest du getrennt betrachten und anschlie\u00dfend untersuchen, welche konkreten Ressourcen oder technischen Ursachen einen auff\u00e4lligen Wert beeinflussen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nicht jede PageSpeed-Empfehlung besitzt dieselbe Priorit\u00e4t. Beurteile deshalb immer den m\u00f6glichen Nutzen, den Aufwand und das Risiko einer \u00c4nderung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nach einer Optimierung solltest du nicht nur erneut messen, sondern auch kontrollieren, ob die Website auf Desktop und Smartphone weiterhin korrekt funktioniert.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>PageSpeed Insights sagt dir nicht einfach, ob eine Website \u201egut\u201c oder \u201eschlecht\u201c ist. Richtig eingesetzt zeigt es dir, wo du genauer hinschauen solltest \u2013 und genau darin liegt der eigentliche Wert des Werkzeugs.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>Google PageSpeed Insights geh\u00f6rt zu den bekanntesten Werkzeugen zur Analyse der Performance einer Website. Du gibst eine URL ein und erh\u00e4ltst Messwerte, Bewertungen und technische Hinweise zur untersuchten Seite. Die eigentliche Herausforderung besteht jedoch nicht darin, einen PageSpeed-Test zu starten. Entscheidend ist, die angezeigten Ergebnisse richtig zu interpretieren. Ein Performance-Score von 100 bedeutet nicht automatisch, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"doc_category":[85],"doc_tag":[],"class_list":["post-22895","docs","type-docs","status-publish","hentry","doc_category-seo-monitoring"],"year_month":"2026-09","word_count":3829,"total_views":"5","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Silvio Mazenauer","author_nicename":"admin-curia","author_url":"https:\/\/www.curiaweb.ch\/it\/author\/admin-curia\/"},"doc_category_info":[{"term_name":"SEO &amp; Monitoring","term_url":"https:\/\/www.curiaweb.ch\/it\/hilfe-kategorie\/seo-monitoring\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs\/22895","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/comments?post=22895"}],"version-history":[{"count":1,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs\/22895\/revisions"}],"predecessor-version":[{"id":22897,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/docs\/22895\/revisions\/22897"}],"wp:attachment":[{"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/media?parent=22895"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/doc_category?post=22895"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/it\/wp-json\/wp\/v2\/doc_tag?post=22895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}