Was ist Google PageSpeed Insights?
Google PageSpeed Insights (PSI) ist ein kostenloses Tool unter pagespeed.web.dev, das die Performance jeder beliebigen Webseite analysiert. Geben Sie eine URL ein und Sie erhalten einen Performance-Score (0–100) sowie detaillierte Metriken, Diagnosen und Empfehlungen.
Für Shopify-Händler ist PSI besonders wichtig, weil es dieselbe Engine ist, die hinter Ihrem Speed Score im Shopify-Admin steckt. Wer PSI versteht, versteht, was mit der Performance seines Shops wirklich los ist — und was zuerst behoben werden sollte.
PSI liefert zwei Arten von Daten: Felddaten von echten Chrome-Nutzern, die Ihre Seite besuchen, und Labordaten aus einem simulierten Lighthouse-Test. Beide sind nützlich, messen aber unterschiedliche Dinge — und diesen Unterschied zu verstehen ist entscheidend für kluge Optimierungsentscheidungen.
Wie PSI funktioniert: Labordaten vs. Felddaten
Das ist das wichtigste Konzept, das Sie über Google PageSpeed Insights verstehen sollten. PSI zeigt zwei völlig unterschiedliche Datensätze:
🔬 Labordaten (Lighthouse)
- • Simulierter Test auf einem kontrollierten Gerät
- • Emuliert ein Moto G Power mit gedrosseltem 4G
- • CPU auf das 4-Fache verlangsamt
- • Einzelner Testlauf — Ergebnisse schwanken
- • Erzeugt den Performance-Score von 0–100
- • Zeigt: FCP, LCP, TBT, CLS, Speed Index
Am besten für: Debugging konkreter Probleme, Testen von Änderungen, Vorher/Nachher-Vergleiche
👥 Felddaten (CrUX)
- • Echte Daten von Chrome-Nutzern Ihrer Seite
- • Mix aus allen Geräten, Verbindungen und Standorten
- • Rollierender 28-Tage-Durchschnitt — sehr stabil
- • Nur für Seiten mit ausreichend Traffic verfügbar
- • Kein Gesamtscore — zeigt bestanden/nicht bestanden je Metrik
- • Zeigt: LCP, INP, CLS (die Core Web Vitals)
Am besten für: Echtes Nutzererlebnis verstehen, SEO-Auswirkungen bewerten
💡 Wichtige Erkenntnis: Google nutzt für Suchrankings die Felddaten — nicht den Labor-Score. Ein Shop mit einem Labor-Score von 40, der aber die Core Web Vitals im Feld besteht, wird in der Suche nicht abgestraft. Labordaten bleiben dennoch wertvoll, um konkrete Probleme zu diagnostizieren und die Wirkung von Optimierungen zu messen.
Jede PSI-Metrik für Shopify erklärt
Der Labortest von PSI misst sechs Metriken. Hier erfahren Sie, was jede davon speziell für Shopify-Shops bedeutet und was schlechte Werte typischerweise verursacht:
First Contentful Paint (FCP)
Wann der Browser das erste Inhaltselement rendert
Shopify-Kontext: FCP wird durch renderblockierendes CSS und JavaScript im <head> verzögert. Jede Shopify-App, die ein Stylesheet oder ein synchrones Skript einfügt, schiebt den FCP nach hinten. Die meisten Shopify-Shops haben 3–8 renderblockierende Ressourcen.
Lösung: Kritisches CSS inline einbinden, nicht-kritisches JavaScript verzögern. Thunder erledigt beides automatisch.
Largest Contentful Paint (LCP)
Wann das größte sichtbare Element fertig gerendert ist
Shopify-Kontext: Das LCP-Element ist bei Shopify meist das Hero-Bild oder eine große Überschrift. Es wird beeinflusst durch: renderblockierende Ressourcen, die den Start verzögern, langsames Laden von Bildern (große Dateien, kein Preloading) und die Server-Antwortzeit von Shopify (TTFB). Eine ausführliche Analyse finden Sie in unserem LCP-Optimierungsleitfaden.
Lösung: Hero-Bild vorladen, kritisches CSS inline einbinden, renderblockierendes JS verzögern. Thunder übernimmt alle drei.
Total Blocking Time (TBT)
Wie lange der Main Thread durch JavaScript blockiert ist
Shopify-Kontext: TBT ist der größte Einzelfaktor in Ihrem PageSpeed-Score (30 % Gewichtung). Bei Shopify wird er fast vollständig durch Skripte von Drittanbieter-Apps verursacht — Klaviyo, Judge.me, Chat-Widgets, Upsell-Apps und Analyse-Tools führen alle JavaScript aus, das den Main Thread blockiert. Die simulierte 4-fache CPU-Drosselung verschärft das dramatisch.
Lösung: Alles nicht-kritische JavaScript verzögern, damit es den Main Thread nicht blockiert. Das ist Thunders Kernoptimierung — App-Skripte werden verzögert, ihre Funktionalität bleibt erhalten.
Cumulative Layout Shift (CLS)
Wie stark sich sichtbare Elemente beim Laden verschieben
Shopify-Kontext: CLS wird bei Shopify häufig verursacht durch: Bilder ohne width/height-Attribute, spät ladende Webfonts, die die Textgröße verändern, dynamisch eingefügte App-Inhalte (Popups, Banner, Bewertungs-Widgets) und Slideshow-/Karussell-Übergänge.
Lösung: Bildabmessungen festlegen, font-display: swap verwenden, Platz für dynamische Inhalte reservieren. Thunders Schriftoptimierung hilft bei schriftbedingtem CLS.
Speed Index (SI)
Wie schnell sich der sichtbare Bereich mit Inhalten füllt
Shopify-Kontext: Der Speed Index misst das gesamte visuelle Ladeerlebnis. Er wird von allem beeinflusst — renderblockierenden Ressourcen, der Ladereihenfolge der Bilder, der CSS-Auslieferung und der JavaScript-Ausführung. Betrachten Sie ihn als „zusammengesetzte" Metrik.
Lösung: Wer FCP und LCP verbessert, verbessert automatisch auch den Speed Index. Keine separate Maßnahme nötig.
So lesen Sie Ihren Shopify-PSI-Bericht
Wenn Sie Ihren Shopify-Shop durch PageSpeed Insights laufen lassen, sehen Sie mehrere Abschnitte. So lesen Sie jeden davon richtig — oder testen Sie zuerst die Performance Ihres Shops mit unserem kostenlosen Shopify-Speed-Test, um eine schnelle Ausgangsbasis zu erhalten:
Schritt 1: Zuerst die Felddaten prüfen
Suchen Sie oben im PSI-Bericht nach dem Abschnitt zum Erlebnis Ihrer echten Nutzer. Hat Ihr Shop genug Traffic, sehen Sie echte Core Web Vitals (LCP, INP, CLS). Grüne Häkchen bedeuten, dass Sie Googles Ranking-Schwellenwerte bestehen — das ist für die SEO am wichtigsten. Fehlen die Felddaten, hat Ihr Shop noch nicht genug Chrome-Traffic.
Schritt 2: Den Performance-Score betrachten
Die große Zahl (0–100) ist der Labor-Score. Denken Sie daran: Das ist ein simulierter Test auf einem gedrosselten Mobilgerät, nicht das Erlebnis Ihrer echten Nutzer. Er eignet sich für Benchmarks und Debugging, aber versteifen Sie sich nicht darauf. Zur Einordnung: Die meisten Shopify-Shops erreichen mobil 20–50 Punkte.
Schritt 3: Prüfen, welche Metriken rot sind
Die sechs Metriken sind farblich markiert. Konzentrieren Sie sich zuerst auf die roten — dort ist das größte Verbesserungspotenzial. Bei den meisten Shopify-Shops sind TBT und LCP die größten Problemfälle. TBT macht 30 % Ihres Scores aus, seine Behebung bringt also den größten Punktgewinn.
Schritt 4: Empfehlungen & Diagnosen durchgehen
Scrollen Sie zu den „Empfehlungen" (Maßnahmen, die Ladezeit sparen) und „Diagnosen" (strukturelle Probleme). PSI schätzt für jede Empfehlung die Zeitersparnis. Konzentrieren Sie sich auf die Punkte mit der höchsten Ersparnis — typischerweise „Ressourcen beseitigen, die das Rendering blockieren" und „Nicht verwendetes JavaScript reduzieren".
Schritt 5: Nicht jedem Problem hinterherjagen
PSI meldet oft 15–20 Probleme. Viele haben minimalen Einfluss (50ms Ersparnis spielen keine Rolle, wenn die TBT bei 3,000ms liegt). Konzentrieren Sie sich auf die 3–5 Empfehlungen mit der höchsten geschätzten Ersparnis. Daher kommen 80 % Ihrer Verbesserung.
Die einfache Lösung: Verbessern Sie Ihren PSI-Score um 27+ Punkte
Nach der Analyse Hunderter Shopify-PSI-Berichte haben wir festgestellt: 60–80 % des möglichen Verbesserungspotenzials stammen aus nur drei Optimierungen — dem Verzögern von renderblockierendem JavaScript, dem Inline-Einbinden von kritischem CSS und der Optimierung des Schriftladens. Genau diese automatisiert Thunder Page Speed Optimizer.
So behebt Thunder die häufigsten PSI-Probleme:
„Ressourcen beseitigen, die das Rendering blockieren"
Thunder verzögert sämtliches renderblockierendes JS und CSS, einschließlich der Drittanbieter-App-Skripte, die Sie manuell nicht kontrollieren können. Typische Ersparnis: 1–3 Sekunden.
„Nicht verwendetes JavaScript reduzieren"
Thunder verzögert nicht-kritisches JavaScript, damit es den Main Thread nicht blockiert — und entfernt es damit faktisch aus dem kritischen Rendering-Pfad.
„Nicht verwendetes CSS reduzieren"
Thunder bindet nur das kritische CSS für den sichtbaren Bereich inline ein und lädt den Rest asynchron nach.
„Sicherstellen, dass Text während des Webfont-Ladens sichtbar bleibt"
Thunder ergänzt font-display: swap und lädt kritische Schriften automatisch vor.
„Auswirkungen von Drittanbieter-Code reduzieren"
Thunder steuert, wann und wie Drittanbieter-Skripte ausgeführt werden, und reduziert so ihren Einfluss auf die TBT.
Durchschnittliche Verbesserung: +27 PageSpeed-Punkte
Installation mit einem Klick. Keine Codeänderungen. Keine Theme-Anpassungen. Funktioniert mit allen Shopify-Themes und -Apps.
Kostenloser Tarif verfügbar · Keine Kreditkarte erforderlich · Installation in 30 Sekunden · Funktionen ansehen · Preise ansehen
Häufige Shopify-Probleme in PageSpeed Insights
Hier sind die PSI-Probleme, denen Shopify-Shops am häufigsten begegnen, geordnet nach typischer Auswirkung:
„Ressourcen beseitigen, die das Rendering blockieren"
Hohe Auswirkung Was es bedeutet: JavaScript- und CSS-Dateien in Ihrem <head> hindern den Browser daran, irgendetwas zu rendern, bis sie heruntergeladen sind. Bei Shopify stammen sie überwiegend von Apps — nicht von Ihrem Theme.
Typische Ersparnis: 1,000–4,000ms
Manuelle Lösung: defer zu Script-Tags hinzufügen — das riskiert aber, App-Funktionalität zu zerstören. Siehe unseren Leitfaden zu renderblockierenden Ressourcen. Thunder-Lösung: Automatisch — verzögert alle Skripte mit Abhängigkeits-Mapping.
„Nicht verwendetes JavaScript reduzieren"
Hohe AuswirkungWas es bedeutet: JavaScript-Dateien werden geladen, aber nicht der gesamte Code wird auf der aktuellen Seite genutzt. Apps laden oft ihr komplettes Skript-Bundle, obwohl nur ein Bruchteil benötigt wird.
Typische Ersparnis: 500–3,000ms
Manuelle Lösung: Drittanbieter-App-Code lässt sich nicht per Tree-Shaking verkleinern. Entfernen Sie ungenutzte Apps komplett. Eine vollständige Übersicht aller Optimierungstechniken bietet unser kompletter Leitfaden zur Geschwindigkeitsoptimierung. Thunder-Lösung: Verzögert ungenutzte Skripte, sodass sie erst laden, wenn die Seite interaktiv ist.
„Bilder richtig dimensionieren"
Mittlere AuswirkungWas es bedeutet: Bilder werden in höherer Auflösung ausgeliefert als angezeigt. Ein 4000×4000px großes Produktbild, das mit 400×400px dargestellt wird, verschwendet 99 % der Daten.
Typische Ersparnis: 200–2,000ms
Manuelle Lösung: Shopifys image_url-Filter mit Breitenparametern verwenden. Siehe unseren Leitfaden zur Bildoptimierung. Thunder-Lösung: Teilweise — Thunder lädt Bilder außerhalb des sichtbaren Bereichs per Lazy Loading, ändert aber nicht ihre Größe.
„Auswirkungen von Drittanbieter-Code reduzieren"
Mittlere AuswirkungWas es bedeutet: Drittanbieter-Skripte (Analysen, Chat, Bewertungen usw.) tragen erheblich zur TBT bei. PSI listet jede Domain auf und zeigt, wie viel Main-Thread-Zeit sie verbraucht.
Manuelle Lösung: Apps entfernen oder ihr Laden mit eigenem JavaScript verzögern. Komplex und riskant. Lesen Sie unseren Leitfaden zu Drittanbieter-Skripten. Thunder-Lösung: Automatisch — steuert das Ausführungs-Timing aller Drittanbieter-Skripte.
„Übermäßige DOM-Größe vermeiden"
Geringe-mittlere AuswirkungWas es bedeutet: Ihre Seite hat zu viele HTML-Elemente (über 1,500). Page Builder wie GemPages und PageFly erzeugen oft 3,000–6,000+ Elemente.
Manuelle Lösung: Seitenstruktur vereinfachen, Abschnitte reduzieren, native Theme-Sections statt Page Buildern in Betracht ziehen. Thunder-Lösung: Nicht anwendbar — das ist ein strukturelles Problem.
Warum mobile PageSpeed-Scores immer niedriger sind
Die meisten Shopify-Händler sehen eine Lücke von 20–40 Punkten zwischen ihrem mobilen und ihrem Desktop-PSI-Score. Das ist kein Fehler — das ist Absicht. Der mobile Test ist bewusst härter:
📱 Mobile Testbedingungen
- • Emuliertes Moto G Power (Mittelklasse-Smartphone)
- • CPU auf das 4-Fache verlangsamt
- • Simulierte langsame 4G-Verbindung
- • Viewport: 412×823px
- • Deutlich strengere Bewertungsschwellen
💻 Desktop-Testbedingungen
- • Keine spezifische Geräte-Emulation
- • Keine CPU-Drosselung
- • Keine Netzwerk-Drosselung
- • Viewport: 1350×940px
- • Mildere Bewertungsschwellen
Welcher Wert ist wichtiger? Konzentrieren Sie sich auf mobil. Google nutzt Mobile-First-Indexierung, und der mobile Test spiegelt die Bedingungen vieler Ihrer Kunden realistischer wider. Ist Ihr mobiler Score gut, ist Ihr Desktop-Score mit ziemlicher Sicherheit ebenfalls gut.
PSI-Score vs. Speed Score im Shopify-Admin
Beide nutzen Google Lighthouse, unterscheiden sich aber in wichtigen Punkten:
| Faktor | PageSpeed Insights | Shopify-Admin-Score |
|---|---|---|
| Getestete Seiten | Jede beliebige URL | Nur die Startseite |
| Anzahl der Durchläufe | Einzelner Test | Über mehrere Durchläufe gemittelt |
| Enthält Felddaten | Ja (falls verfügbar) | Nein |
| Aktualisierungsfrequenz | Auf Abruf | Periodisch (variiert) |
| Vergleich | Absoluter Score | Vergleich mit ähnlichen Shops |
Abweichungen von 5–15 Punkten zwischen den beiden sind normal. Keiner ist „falsch" — es sind einfach unterschiedliche Messkontexte. Für die Optimierungsarbeit sollten Sie PSI direkt verwenden, da es detaillierte Diagnosen liefert und Sie jede Seite testen können.
Was Google tatsächlich für Suchrankings nutzt
Hier ist die Wahrheit, die die meisten Artikel zur Geschwindigkeitsoptimierung auslassen: Google nutzt Ihren PageSpeed Insights-Labor-Score NICHT für Rankings.
Google verwendet Felddaten aus dem Chrome User Experience Report (CrUX) — echte Metriken von echten Chrome-Nutzern, die Ihre Seite besuchen. Konkret betrachtet Google drei Core Web Vitals:
LCP
Largest Contentful Paint
≤ 2.5s zum Bestehen
INP
Interaction to Next Paint
≤ 200ms zum Bestehen
CLS
Cumulative Layout Shift
≤ 0.1 zum Bestehen
Um die Core Web Vitals zu bestehen, müssen mindestens 75 % Ihrer echten Nutzer bei allen drei Metriken „gute" Erlebnisse haben. Sie können Ihre Felddaten oben in jedem PSI-Bericht prüfen oder in der Google Search Console unter Core Web Vitals.
💡 Praktische Schlussfolgerung: Zeigt Ihr PSI-Bericht bestandene Felddaten (grüne Häkchen oben), ist Ihre Geschwindigkeit für die SEO in Ordnung — selbst wenn der Labor-Score erschreckend aussieht. Haben Sie noch keine Felddaten, lohnt sich die Verbesserung des Labor-Scores trotzdem, denn er korreliert mit besseren Erlebnissen echter Nutzer.
Häufig gestellte Fragen
Was ist Google PageSpeed Insights?
Google PageSpeed Insights (PSI) ist ein kostenloses Tool von Google, das die Performance von Seiten analysiert und sowohl Labordaten (simulierte Tests über Lighthouse) als auch Felddaten (echte Nutzermetriken aus dem Chrome User Experience Report) liefert. Es bewertet Seiten mit 0–100 Punkten und misst Core Web Vitals wie LCP, CLS und TBT. Für Shopify-Shops ist es dieselbe Engine, die hinter dem Speed Score in Ihrem Shopify-Admin steckt.
Was ist ein guter PageSpeed Insights-Score für Shopify?
Ein Score von 90–100 gilt als 'gut' (grün), 50–89 als 'verbesserungswürdig' (orange) und 0–49 als 'schlecht' (rot). Die meisten Shopify-Shops erreichen auf Mobilgeräten wegen Drittanbieter-Apps und -Skripten nur 20–50 Punkte. Ein realistisches Ziel für die meisten Händler sind 60–80 Punkte. Thunder-Nutzer erreichen typischerweise 70–90+ ohne manuelle Codeänderungen.
Warum weicht mein Shopify-PageSpeed-Score vom Speed Score im Shopify-Admin ab?
Beide nutzen Google Lighthouse, aber mit unterschiedlichen Testbedingungen. Shopify testet Ihre Startseite mit bestimmten Servereinstellungen und mittelt mehrere Durchläufe. Mit PageSpeed Insights können Sie jede beliebige Seite testen und sehen einen einzelnen Durchlauf. Abweichungen von 5–15 Punkten sind normal. Keiner der beiden Werte ist 'falsch' — es sind einfach unterschiedliche Messkontexte.
Beeinflusst der Google-PageSpeed Insights-Score die SEO?
Der Score selbst ist kein direkter Rankingfaktor, aber die von ihm gemessenen Core Web Vitals (LCP, CLS, INP) sind bestätigte Rankingsignale von Google. Google nutzt für Rankings die Felddaten echter Nutzer — nicht den Labor-Score. Eine Verbesserung des Labor-Scores verbessert jedoch in der Regel auch die Felddaten, sodass die Optimierung für PSI Ihrer SEO indirekt hilft.
Warum ist mein mobiler Shopify-PageSpeed-Score so viel niedriger als der Desktop-Score?
Der mobile PSI-Test simuliert ein Mittelklasse-Smartphone (Moto G Power) mit gedrosselter 4G-Verbindung und 4-fach verlangsamter CPU. Das ist deutlich härter als der Desktop-Test, der eine ungedrosselte Verbindung und eine schnellere CPU verwendet. JavaScript-lastige Shopify-Shops trifft es am härtesten, weil die gedrosselte CPU viel länger braucht, um Skripte zu parsen und auszuführen. Die meisten Shops erreichen mobil 20–40 Punkte weniger als auf dem Desktop.
Wie oft sollte ich PageSpeed Insights für meinen Shopify-Shop ausführen?
Führen Sie PSI nach jeder größeren Änderung aus (neue App-Installation, Theme-Update, Inhaltsänderung). Für die routinemäßige Überwachung reicht ein wöchentlicher Test — mitteln Sie aber immer 3–5 Durchläufe, da einzelne Ergebnisse schwanken. Thunder enthält ein tägliches automatisiertes Monitoring, das Ihren Score über die Zeit verfolgt — zuverlässiger als manuelle Stichproben.
Kann Thunder die von PageSpeed Insights gefundenen Probleme beheben?
Ja, Thunder behebt die häufigsten und wirkungsvollsten PSI-Probleme für Shopify automatisch: renderblockierende Ressourcen, ungenutztes JavaScript, unoptimierte CSS-Auslieferung, Probleme beim Laden von Schriften und den Einfluss von Drittanbieter-Skripten. Diese machen typischerweise 60–80 % des möglichen Verbesserungspotenzials aus. Themen wie Bildoptimierung und DOM-Größe erfordern manuelle Arbeit oder zusätzliche Tools.