Die 7 besten Shopify-Geschwindigkeitstest-Tools: Kostenlos und kostenpflichtig im Vergleich

Warum Shopify-Geschwindigkeitstests wichtig sind

Geschwindigkeit ist nicht nur eine Eitelkeitsmetrik. Es wirkt sich direkt auf Ihren Umsatz aus. Laut den Daten von Google hat eine Website, die in 1 Sekunde geladen wird, eine 3x höhere Conversion-Rate als einer, der in 5 Sekunden lädt. Bei Shopify-Shops, bei denen die durchschnittliche Seitenladezeit 3,5 bis 5 Sekunden beträgt, kann bereits eine Verbesserung um 1 Sekunde die Nadel deutlich bewegen.

Aber hier ist das Problem: Die meisten Händler führen einen einzigen Shopify-Geschwindigkeitstest durch, sehen ihre Punktzahl und geraten entweder in Panik oder feiern – ohne zu verstehen, was die Zahl eigentlich bedeutet. Eine 45 bei PageSpeed ​​Insights sagt Ihnen nicht dasselbe wie eine 45 bei Shopifys integriertem Bericht. Unterschiedliche Tools, unterschiedliche Methoden, unterschiedliche Schlussfolgerungen. Wenn Sie einen kurzen Überblick wünschen, bevor Sie sich auf Vergleiche stürzen, Probieren Sie unser kostenloses Geschwindigkeitstest-Tool aus – es führt in Sekundenschnelle ein Lighthouse-Audit für Ihren Shop durch.

Google verwendet Core Web Vitals (LCP, CLS, and INP) as ranking signals. These metrics come from real Chrome users via the Chrome User Experience Report (CrUX). Your Shopify speed test tool needs to measure these — or at least correlate with them — to be useful for SEO. For a deep dive into what each metric means and how to pass them, see our Shopify Core Web Vitals-Leitfaden.

Wenn Sie sich fragen, welches Ergebnis Sie anstreben sollten, erklären wir Ihnen dies in unserem Leitfaden dazu wie ein guter Shopify-Geschwindigkeitswert tatsächlich aussieht.

Schnellvergleichstabelle

Hier finden Sie alle Shopify-Geschwindigkeitstest-Tools, die es wert sind, verwendet zu werden, im Vergleich auf einen Blick.

*Die Geschwindigkeitsüberwachung von Thunder ist sowohl in den kostenlosen als auch in den kostenpflichtigen Thunder-Optimierungsplänen enthalten.

Der einfache Weg: Thunders integrierte Geschwindigkeitsüberwachung

Bevor wir uns mit den manuellen Werkzeugen befassen, wollen wir uns mit dem Elefanten im Raum befassen: Die meisten Shopify-Händler müssen keine Experten für Geschwindigkeitstests werden. Sie müssen wissen, ob ihr Geschäft schnell genug ist, und das muss auch so bleiben.

Thunder Page Speed ​​Optimizer beinhaltet automatisierte tägliche Lighthouse-Audits , die auf den wichtigsten Seiten Ihres Shops laufen – Startseite, Kollektionsseiten und Produktseiten. Sie erhalten ein Dashboard, das Folgendes anzeigt:

• Tägliche Leistungsbewertungen mit historischen Trends über 30/60/90 Tage
• Core Web Vitals-Tracking – LCP, CLS und INP für jeden Seitentyp
• Regressionswarnungen – Sie wissen sofort, wenn eine neue App oder eine Designänderung die Leistung beeinträchtigt
• Vorher/Nachher-Vergleiche zeigt die Optimierungswirkung von Thunder

Der Hauptunterschied zwischen der Überwachung durch Thunder und der Durchführung manueller Tests: Konsistenz. Manuelle PageSpeed ​​Insights-Tests variieren zwischen den Durchläufen aufgrund von Serverbedingungen, Netzwerkvariabilität und Testinfrastrukturauslastung um 5–15 Punkte. Die täglichen automatisierten Tests von Thunder verwenden konsistente Bedingungen, sodass Sie den Trends vertrauen können.

Außerdem tut Thunder nicht nur messen Ihre Geschwindigkeit – es behebt die gefundenen Probleme. Skriptverzögerung, kritisches CSS-Inlining, Bildoptimierung, Laden von Schriftarten und vieles mehr App-Erkennungs-Engine , das weiß, wie man über 200 beliebte Shopify-Apps sicher optimiert.

1. Shopifys integrierter Geschwindigkeitsbericht

Der integrierte Geschwindigkeitsbericht von Shopify befindet sich unten in Ihrem Adminbereich Online-Shop → Geschwindigkeit. It provides a score from 0–100 based on Google Lighthouse data, but weighted and calibrated specifically for Shopify stores.

Was es misst

Der Shopify-Geschwindigkeitswert verwendet eine gewichtete Version der Lighthouse-Leistungsmetriken, die First Contentful Paint (FCP), Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) und Total Blocking Time (TBT) umfassen. Es vergleicht Ihren Shop mit ähnlichen Shopify-Shops. Ein Wert von 50 bedeutet also, dass Sie hinsichtlich der Komplexität Ihres Shops genau im Mittelwert liegen.

Im Jahr 2026 hat Shopify seine Web-Performance-Dashboards erheblich erweitert. Sie zeigen es jetzt Echte Benutzermetriken (RUM) collected from actual visitors, including data from Safari (which now exposes LCP and INP metrics). This means you're getting performance data from iOS users too — a huge gap that CrUX alone can't fill.

So verwenden Sie es

1. Gehen Sie zu Ihrem Shopify-Adminbereich → Online-Shop → Geschwindigkeit
2. Überprüfen Sie Ihren Gesamtgeschwindigkeitswert und die Aufschlüsselung nach Seitentyp
3. Konkrete Empfehlungen finden Sie im Abschnitt „Was Ihren Shop ausbremst“.
4. Beachten Sie, welche Apps als leistungsbeeinträchtigend aufgeführt sind
5. Verfolgen Sie die Punktzahl wöchentlich, um Trends zu erkennen – ein plötzlicher Rückgang bedeutet normalerweise, dass eine neue App oder eine Themenänderung zu Problemen geführt hat (siehe unseren Leitfaden). Was tun, wenn Ihr Shopify-Geschwindigkeitswert sinkt?)

2. Google PageSpeed Insights

Google PageSpeed Insights (PSI) ist das am häufigsten verwendete Geschwindigkeitstest-Tool – und das aus gutem Grund. Es ist das einzige kostenlose Tool, das kombiniert real user data from CrUX (der Abschnitt „Felddaten“) mit synthetische Leuchtturm-Audits (der Abschnitt „Labordaten“) in einem einzigen Bericht.

Für Shopify-Händler ist PSI besonders wichtig, da der Felddatenabschnitt angezeigt wird die genauen Core Web Vitals-Metriken, die Google für das Ranking verwendet. Wenn Ihr LCP, CLS und INP den Felddatenabschnitt bestehen, erfüllen Sie die Anforderungen von Google an die Seitenerfahrung. Wir decken die Shopify-spezifischen Nuancen in unserem ab vollständige Anleitung zu Google PageSpeed Insights für Shopify.

So führen Sie einen Shopify-Geschwindigkeitstest mit PSI durch

1. Gehe zu pagespeed.web.dev
2. Geben Sie Ihre Shop-URL ein (testen Sie Ihre Homepage, eine Kollektionsseite und eine Produktseite separat)
3. Überprüfen Sie zuerst den Abschnitt „Felddaten“. – das sind echte Nutzerdaten und das, was Google tatsächlich für SEO verwendet
4. Überprüfen Sie dann den Abschnitt „Labordaten“ auf umsetzbare Optimierungsmöglichkeiten
5. Sehen Sie sich den Abschnitt „Diagnose“ an, um spezifische Probleme wie Render-blockierende Ressourcen, große Bilder und übermäßige DOM-Größe zu finden
6. Führen Sie den Test dreimal durch und ermitteln Sie den Mittelwert der Laborpunktzahl – einzelne Durchläufe können um 5–15 Punkte variieren

Die Ergebnisse für Shopify verstehen

Bevor Sie sich mit bestimmten Themen befassen, stellen Sie sicher, dass Sie verstehen, was die einzelnen Kennzahlen bedeuten – unser Leitfaden zu wie man Geschwindigkeitstestergebnisse liest bricht alles zusammen. Die häufigsten Probleme mit PSI-Flaggen in Shopify-Shops sind:

• Rendering-blockierende Ressourcen – App-Skripte von Drittanbietern, die geladen werden, bevor die Seite gerendert wird. Dies ist das Problem Nr. 1 in den meisten Shopify-Shops und genau das, was die Skriptverzögerung von Thunder behebt.
• Größtes Contentful Paint-Element – Normalerweise ein Heldenbild oder eine Diashow. Optimieren Sie mit der richtigen Bildgröße und Lazy Loading.
• Unbenutztes JavaScript – Von Ihnen deinstallierte Apps, die Code zurückgelassen haben, oder Apps, die Skripts auf Seiten laden, auf denen sie nicht benötigt werden.
• Kumulative Layoutverschiebung – App-Widgets werden spät geladen und Inhalte verschieben sich. Häufig bei Bewertungs-Widgets und Popup-Apps.

3. GTmetrix

GTmetrix ist das Tool der Wahl, wenn Sie etwas verstehen müssen genau, was geladen wird, in welcher Reihenfolge und wie lange jede Ressource benötigt. Sein Wasserfalldiagramm ist das am besten lesbare und nützlichste aller Geschwindigkeitstesttools und eignet sich daher ideal für die Diagnose spezifischer Engpässe.

The free version tests from Vancouver, Canada with a simulated 4G connection. This is fine for relative comparisons, but remember your actual customers may be loading from different locations. The paid plans ($15–$50/month) unlock testing from 30+ locations, scheduled monitoring, and priority testing queues.

So führen Sie einen Shopify-Geschwindigkeitstest mit GTmetrix durch

1. Gehe zu gtmetrix.com und geben Sie Ihre Shop-URL ein
2. Warten Sie, bis die Analyse abgeschlossen ist (30–60 Sekunden)
3. Überprüfen Sie die Leistungsbewertung und Web Vitals oben
4. Klicken Sie auf Registerkarte Wasserfall – hier befindet sich der tatsächliche Wert
5. Sortieren Sie nach Größe oder Ladezeit, um die größten Engpässe zu finden
6. Suchen Sie nach Skripten von Drittanbietern (App-Skripte, Tracking-Pixel, Chat-Widgets), die vor Ihren Inhalten geladen werden
7. Verwenden Sie die Video Klicken Sie auf die Registerkarte (kostenpflichtig), um genau zu sehen, wie Ihre Seite Bild für Bild gerendert wird

Worauf Sie beim Wasserfall achten sollten

Konzentrieren Sie sich bei Shopify-Shops auf Folgendes im Wasserfalldiagramm:

• Lange grüne Balken (TTFB) – Wenn Ihre Zeit bis zum ersten Byte mehr als 800 ms beträgt, handelt es sich um ein serverseitiges Problem (normalerweise das CDN von Shopify oder komplexe Liquid-Vorlagen).
• Renderblockierende Ketten – Skripte, die nacheinander geladen werden und das Rendern von Seiten blockieren. Dadurch entsteht die Wartezeit auf dem „weißen Bildschirm“.
• Große Bilder ohne Komprimierung – Shopify führt eine automatische Komprimierung durch, aber Theme-Entwickler umgehen dies manchmal
• Domains von Drittanbietern – Jede externe Domäne fügt DNS-Suchzeit hinzu. Zählen Sie, wie viele einzelne Domains geladen werden – mehr als 10 sind normalerweise problematisch.

4. WebPageTest

WebPageTest ist das leistungsstärkste verfügbare Geschwindigkeitstest-Tool – und auch das komplexeste. Ursprünglich von Patrick Meenan bei Google entwickelt, bietet es Funktionen, mit denen kein anderes Tool mithalten kann: mehrstufiges Scripting, Verbindungsdrosselungsprofile, benutzerdefinierte Testagenten, Filmstreifenvergleiche und Zeitaufschlüsselungen auf Anforderungsebene.

Für die meisten Shopify-Händler ist WebPageTest übertrieben. Aber wenn Sie als Entwickler oder Agentur Shopify-Shops professionell optimieren, ist es unverzichtbar. Die kostenlose Version unter webpagetest.org umfasst Tests an mehreren Standorten, Videovergleiche und die Funktion „Experimente“, mit der Sie hypothetische Optimierungen testen können (z. B. „Was wäre, wenn ich dieses Skript entfernen würde?“), ohne Ihre Website zu ändern.

So verwenden Sie WebPageTest für Shopify

1. Gehe zu webpagetest.org
2. Geben Sie Ihre URL ein und wählen Sie einen Teststandort in der Nähe Ihrer primären Zielgruppe aus
3. Stellen Sie unter „Erweiterte Einstellungen“ die Verbindung auf ein 4G (9 Mbit/s, 170 ms RTT) für realistische mobile Tests
4. Stellen Sie „Anzahl der auszuführenden Tests“ auf ein 3 und „Ansicht wiederholen“ auf Erste Ansicht und Wiederholungsansicht
5. Klicken Sie auf „Test starten“ – es dauert 1–3 Minuten
6. Überprüfen Sie die Filmstreifenansicht um genau zu sehen, wann Ihr Inhalt sichtbar wird
7. Überprüfen Sie die Registerkarte „Experimente“. zum Testen von Optimierungen ohne Codeänderungen

5. Google Lighthouse (Chrome DevTools)

Lighthouse is the engine that powers PageSpeed Insights — but running it directly from Chrome DevTools gives you mehr Kontrolle und mehr Details. Sie können Tests in Ihrer lokalen Umgebung durchführen, Drosselungseinstellungen anpassen und auf das vollständige Leistungsfenster für eine Frame-für-Frame-Analyse zugreifen.

Der Hauptvorteil der lokalen Ausführung von Lighthouse: Sie können Seiten hinter Login-Walls testen. Müssen Sie Ihre Checkout-Seite oder Kundenkontoseite testen? Mit PSI oder GTmetrix ist das nicht möglich, aber mit DevTools.

So führen Sie Lighthouse in Ihrem Shopify-Shop aus

1. Öffnen Sie Chrome und navigieren Sie zu Ihrem Shopify-Shop
2. Drücken F12 (oder Rechtsklick → Inspizieren), um DevTools zu öffnen Registerkarte
3. Klicken Sie auf Registerkarte Lighthouse
4. Auswählen Mobil -Gerät und prüfen Leistung
5. Klicken „Seitenlast analysieren“
6. Überprüfen Sie den Bericht – achten Sie auf die Abschnitte „Chancen“ und „Diagnose“.
7. Wichtig: Schließen Sie andere Registerkarten und deaktivieren Sie Browsererweiterungen vor dem Testen – sie wirken sich auf die Ergebnisse aus

6. CrUX Dashboard (Chrome User Experience Report)

CrUX ist der Datensatz, den Google tatsächlich für seine Page-Experience-Ranking-Signale verwendet. Die CrUX-Dashboard (basiert auf Looker Studio) bietet Ihnen einen visuellen Bericht Ihrer realen Core Web Vitals im rollierenden Zeitfenster der letzten 28 Tage.

Das ist das genaueste Darstellung dessen, was Google sieht bei der Bewertung der Seitenerfahrung Ihres Shops. Während PageSpeed ​​Insights eine Momentaufnahme zeigt, zeigt das CrUX Dashboard Trends an – Sie können sehen, ob sich Ihre Kennzahlen von Monat zu Monat verbessern oder verschlechtern.

So greifen Sie auf CrUX-Daten für Ihren Shopify-Shop zu

1. Gehen Sie zu CrUX Dashboard-Setup-Seite
2. Klicken Sie in Looker Studio auf „Erstellen Sie Ihr eigenes CrUX-Dashboard“.
3. Geben Sie Ihre Domain ein (z. B. yourstore.myshopify.com oder Ihre benutzerdefinierte Domain)
4. Das Dashboard wird automatisch mit LCP-, INP-, CLS-, FCP- und TTFB-Daten generiert
5. Verwenden Sie den Datumsfilter, um verschiedene Zeiträume zu vergleichen
6. Überprüfen Sie die Geräteaufteilung (mobil vs. Desktop) – Mobilgeräte sind für SEO am wichtigsten

Kostenlos vs. kostenpflichtig: Wofür lohnt es sich zu bezahlen?

Hier ist die ehrliche Wahrheit: Die kostenlosen Tools decken 90 % dessen ab, was die meisten Shopify-Händler benötigen. Google PageSpeed ​​Insights, der integrierte Bericht von Shopify und Chrome Lighthouse liefern Ihnen genügend Daten, um Leistungsprobleme zu identifizieren und zu priorisieren.

Kostenpflichtige Tools bieten in drei spezifischen Bereichen einen Mehrwert:

So führen Sie einen ordnungsgemäßen Shopify-Geschwindigkeitstest durch

Regardless of which tool you choose, follow these principles to get reliable, actionable results from your Shopify speed test:

1. Testen Sie mehrere Seitentypen

Don't just test your homepage. Test at least one page from each type:

• Homepage – Hat normalerweise die meisten Skripte und Widgets
• Sammlungsseite – Testet, wie Ihr Shop mit Produktraster und Filterung umgeht
• Produktseite – Aufgrund von Bewertungen, Upsells und Variantenauswahl oft am schwersten
• Warenkorbseite – Kritisch für die Konvertierung; oft voller Upsell-App-Skripte

2. Führen Sie mehrere Tests durch

Ein einzelner Test ist unzuverlässig. Synthetische Tests (PageSpeed ​​Insights, GTmetrix, Lighthouse) variieren zwischen den Durchläufen um 5–15 Punkte. Führen Sie mindestens 3 Tests durch und ermitteln Sie den Median. Oder noch besser: Nutzen Sie die automatisierte Überwachung von Thunder, die den Durchschnitt der täglichen Läufe ermittelt, um stabile Trenddaten zu erhalten.

3. Mobilgeräte priorisieren

Google verwendet Mobile-First-Indizierung, also ist Ihr mobiler Score für SEO ausschlaggebend. Aufgrund der simulierten langsameren CPU- und Netzwerkbedingungen sind die Punktzahlen für Mobilgeräte immer niedriger als für Desktop-Computer. Keine Panik, wenn Ihr Mobil-Score um 30–40 Punkte niedriger ist als der Desktop-Score – das ist normal für Shopify-Shops. Wenn Sie wissen, woran Sie sind, folgen Sie unserem Vollständiger Leitfaden zur Shopify-Geschwindigkeitsoptimierung finden Sie Schritt-für-Schritt-Anleitungen zur Behebung der von diesen Tools aufgedeckten Probleme.

Um einen tieferen Einblick in die Bedeutung mobiler Scores und die Zielgruppe zu erhalten, schauen Sie sich unseren Leitfaden an Verstehen Sie Ihren Shopify-Geschwindigkeitswert.

4. Konzentrieren Sie sich auf echte Benutzerdaten statt auf Laborergebnisse

Laborergebnisse (von Lighthouse, GTmetrix, WebPageTest) sind zum Debuggen nützlich, aber sie sind es simuliert. Echte Benutzerdaten (von CrUX, Shopifys RUM oder Ihren Analysen) spiegeln das tatsächliche Kundenerlebnis wider. Wenn Ihr Laborergebnis 55 beträgt, Ihre CrUX-Daten jedoch zeigen, dass alle Core Web Vitals bestehen, ist alles in Ordnung. Streben Sie nicht nach einem perfekten Laborergebnis auf Kosten der tatsächlichen Benutzererfahrung.

5. Testen Sie vor und nach Änderungen

Always capture a baseline before installing a new app, changing your theme, or running an optimization. This is the only way to measure the actual impact. Thunder makes this easy with its built-in before/after dashboard that automatically shows the performance delta from your last optimization change. For a deeper look at setting up continuous tracking, read our Shopify-Leitfaden zur Leistungsüberwachung.

6. Auf App-Auswirkungen prüfen

Jede Shopify-App, die Sie installieren, fügt Ihrem Shop JavaScript hinzu. Manche fügen viel hinzu. Verwenden Sie den Wasserfall in GTmetrix oder den Abschnitt „Diagnose“ in PageSpeed ​​Insights, um herauszufinden, welche Drittanbieter-Skripte Sie am meisten Leistung kosten. Wenn Sie problematische Skripte finden, haben Sie drei Möglichkeiten: Entfernen Sie die App, bitten Sie den Entwickler, das Laden der Skripte zu optimieren, oder verwenden Sie die App-Erkennungs-Engine von Thunder, um die Skripte sicher zurückzustellen, ohne die App-Funktionalität zu beeinträchtigen.

7. Videogeschwindigkeitstest für visuelle Probleme

Während die meisten Geschwindigkeitstest-Tools Metriken und Wasserfälle anzeigen, Die -Videoaufzeichnung zeigt Ihnen genau, wie Ihre Seite Bild für Bild gerendert wird. Dies ist von unschätzbarem Wert für die Diagnose visueller Probleme wie Layoutverschiebungen, spät ladender Inhalte und Flash of Unstyled Content (FOUC), die Rohmetriken nicht erfassen. GTmetrix Pro und WebPageTest bieten die besten Videofunktionen – Sie können genau sehen, wann Ihre Inhalte sichtbar werden, und visuelle Regressionen identifizieren, die möglicherweise nicht in den Leistungsbewertungen sichtbar sind, aber das Benutzererlebnis beeinträchtigen.

Häufig gestellte Fragen

Verwandte Artikel