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 und INP) als Ranking-Signale. Diese Metriken stammen von echten Chrome-Nutzern über den Chrome User Experience Report (CrUX). Ihr Shopify-Geschwindigkeitstest-Tool muss diese messen – oder zumindest mit ihnen korrelieren –, um für SEO nützlich zu sein. Für einen tieferen Einblick, was jede Metrik bedeutet und wie man sie besteht, siehe unseren 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. Er liefert einen Wert von 0–100, basierend auf Google Lighthouse-Daten, aber gewichtet und speziell für Shopify-Shops kalibriert.

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) gesammelt von tatsächlichen Besuchern, einschließlich Daten von Safari (das jetzt LCP- und INP-Metriken offenlegt). Das bedeutet, dass Sie auch Leistungsdaten von iOS-Nutzern erhalten – eine riesige Lücke, die CrUX allein nicht schließen kann.

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 echte Nutzerdaten aus CrUX (der Abschnitt „Felddaten“) mit synthetischen Lighthouse-Audits (der Abschnitt „Labordaten“) in einem einzigen Bericht kombiniert.

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.

Die kostenlose Version testet von Vancouver, Kanada mit einer simulierten 4G-Verbindung. Dies ist gut für relative Vergleiche, aber denken Sie daran, dass Ihre tatsächlichen Kunden möglicherweise von verschiedenen Standorten laden. Die kostenpflichtigen Pläne ($15–$50/Monat) schalten Tests von 30+ Standorten, geplante Überwachung und priorisierte Testwarteschlangen frei.

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 ist die Engine, die PageSpeed Insights antreibt – aber wenn Sie es direkt aus den Chrome DevTools ausführen, erhalten Sie 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-Nutzererfahrungsbericht)

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

Unabhängig davon, welches Tool Sie wählen, befolgen Sie diese Prinzipien, um zuverlässige, umsetzbare Ergebnisse aus Ihrem Shopify-Geschwindigkeitstest zu erhalten:

1. Testen Sie mehrere Seitentypen

Testen Sie nicht nur Ihre Startseite. Testen Sie mindestens eine Seite von jedem Typ:

• 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

Erfassen Sie immer eine Baseline, bevor Sie eine neue App installieren, Ihr Theme ändern oder eine Optimierung durchführen. Nur so können Sie die tatsächlichen Auswirkungen messen. Thunder vereinfacht den Vergleich mit seinem integrierten Vorher-/Nachher-Dashboard, das automatisch die Leistungsdifferenz nach Ihrer letzten Optimierung anzeigt. Weitere Hinweise zur kontinuierlichen Nachverfolgung finden Sie in unserem 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