Zum Inhalt springen

Real User Monitoring für Shopify

Dein Shopify-Storeverrät schon,wo es hakt.

Shopify hängt an jede Storefront-Antwort einen Server-Timing-Header: Backend-Zeit, Datenbankzeit, Renderzeit, Seitentyp. Die meisten Tools ignorieren ihn. fastmon liest ihn aus und legt ihn neben die Core Web Vitals desselben Besuchers. Du brauchst dafür keine App, nur das Script-Tag.

Was es dir bringt

Was fastmon für deinen Shopify-Store tut.

Ohne Fachbegriffe, bevor es weiter unten technisch wird.

  • 01

    Du siehst, ob Shopify oder dein Theme bremst

    Shopify meldet selbst, wie lange Backend, Datenbank und Rendering gebraucht haben. Liegt die Zeit dort, hilft kein Bildoptimieren. Liegt sie im Browser, schon.

  • 02

    Du siehst es pro Seitentyp, nicht als Mittelwert

    Startseite, Kollektion, Produktseite und Warenkorb getrennt. Shopify schickt den Seitentyp mit, du musst nichts konfigurieren.

  • 03

    Du brauchst keine App aus dem App Store

    Ein Script-Tag im Theme genügt. Keine zusätzliche App, die bei jedem Seitenaufruf mitläuft und selbst Ladezeit kostet.

  • 04

    Und kein Cookie-Banner für die Messung

    fastmon setzt keine Cookies, in keiner Konfiguration. Gehostet in Deutschland, der Datenpfad bleibt in der EU.

Kurz erklärt

Server-Timing
Ein Standard-Header, den ein Server an seine Antwort hängt, um zu sagen, wo intern die Zeit geblieben ist. Shopify tut das von Haus aus.
TTFB
Time to First Byte: wie lange es dauert, bis überhaupt das erste Byte der Seite ankommt. Sagt dir, dass es langsam war, nicht warum.
p75
Der Wert, den drei von vier Besuchern erreichen oder unterbieten. Aussagekräftiger als ein Durchschnitt, weil Ausreißer ihn nicht schönen.

Der Unterschied

Shopify sagt dir längst, wo die Zeit bleibt. Nur hört keiner zu.

Jede Antwort eines Liquid-Storefronts trägt einen Server-Timing-Header. Er steht in jedem Browser-Devtools, wird aber von kaum einem Monitoring ausgewertet. fastmon liest ihn aus der Dokument-Antwort mit, normalisiert ihn und zeigt ihn als p50, p75 und p95 neben den Core Web Vitals desselben Seitenaufrufs.

So sieht der Header eines Shopify-Storefronts aus

server-timing: processing;dur=476, db;dur=50, render;dur=204,
               pageType;desc="index", edge;desc="TXL"

Was fastmon daraus macht

processingBackend-Zeit
Die Anwendung insgesamt. Bei Shopify die Zeit, die der Store selbst gebraucht hat.
dbDatenbankzeit
Wie lange Abfragen gedauert haben. Steigt typischerweise mit großen Kollektionen und vielen Varianten.
renderRenderzeit
Das Zusammenbauen des Templates. Hier schlagen aufwendige Liquid-Schleifen und Theme-Anpassungen durch.
pageTypeSeitentyp
Ein reservierter Name bei fastmon. Shopify schickt ihn mit, damit ist die Aufschlüsselung ohne Konfiguration da.

Und was fastmon wegwirft

Derselbe Header trägt bei Shopify auch requestID und Analytics-Schlüssel wie _y oder _cmp, deren Werte UUIDs sind. Beides fällt bei fastmon serverseitig durch: Namen müssen mit einem Buchstaben beginnen, und UUIDs, lange Hashes sowie bekannte Infrastruktur-Schlüssel werden verworfen. Gespeichert wird nur, was zu den bekannten Phasen gehört.

Geprüft an echten Storefronts am 22. September 2026. Welche Werte ein Store sendet, hängt von Theme und Plan ab, und Shopify kann das jederzeit ändern.

Checkout

Und der Checkout, über Shopifys eigenen Pixel.

Der Storefront-Tracker endet am Warenkorb, weiter lässt Shopify ihn nicht. Über die Custom-Pixel-Funktion meldet Shopify selbst drei Checkout-Ereignisse an fastmon. Damit schließt sich der Funnel vom Seitenaufruf bis zur Bestellung.

  1. Checkout gestartetDer Besucher erreicht den Checkout.
  2. Zahlungsdaten abgeschicktDer Besucher hat seine Zahlungsdaten übermittelt.
  3. Checkout abgeschlossenDie Bestellung ist aufgegeben.

Eingerichtet im Shopify-Admin

  1. 1Einstellungen, Kundenereignisse, Custom Pixel hinzufügen
  2. 2Pixel fastmon nennen und den Code aus der Doku einfügen
  3. 3Berechtigungen setzen: Kundendatenschutz nicht erforderlich, kein Datenverkauf
  4. 4In fastmon die Plattform auf Shopify stellen und store_stitch aktivieren

Was du dabei wissen musst

  • Gemessen werden nur diese drei Ereignisse. Keine Web Vitals, keine Ladezeit und keine Fehlerdaten aus dem Checkout.
  • Die Zahlen sind eine Untergrenze, keine exakte Zählung.
  • Inhaltsblocker filtern den Pixel. uBlock Origin tut das mit EasyPrivacy standardmäßig.
  • Bei Shop Pay und Apple Pay feuert Shopify das Abschluss-Ereignis häufig nicht.
  • store_stitch muss an sein, weil Checkout-Ereignisse keine Session-ID tragen.
Shopify-Checkout in den Docs

Ohne Konfiguration

Getrennt nach Seitentyp, ab dem ersten Aufruf.

Weil Shopify den Seitentyp im Header mitschickt und fastmon pageType als reservierten Namen kennt, stehen die Metriken sofort getrennt da. Keine Pfadmuster, keine Regeln, keine Pflege.

  • Kollektion gegen Produktseite

    Eine langsame Kollektion mit vielen Filtern hat andere Ursachen als eine langsame Produktseite. Getrennt gemessen, getrennt bewertet.

  • Warenkorb als eigener Typ

    Die Seite, an der es ums Geld geht, verschwindet nicht mehr im Durchschnitt aller Seitenaufrufe.

  • Kampagnen-Landingpages

    Was du teuer bewirbst, misst du getrennt von der organischen Startseite.

Einbau

Eine Zeile ins Theme, fertig.

Kein App-Store, kein Build-Schritt, kein Checkout-Eingriff. Das Script-Tag kommt in das Layout deines Themes und gilt damit für die ganze Storefront.

  1. 1Im Admin zum Theme-CodeIm Shopify-Admin unter Onlineshop, Themes, beim aktiven Theme auf Code bearbeiten.
  2. 2theme.liquid öffnenUnter Layout liegt theme.liquid. Das ist die Datei, die auf jeder Storefront-Seite geladen wird.
  3. 3Script-Tag vor </head> einfügenSpeichern, fertig. Die ersten echten Besucher erscheinen innerhalb von Minuten im Dashboard.

In theme.liquid, vor dem schließenden head-Tag

<script defer src="https://fastmon.site/s/DEIN-HASH.js"></script>

Den Hash bekommst du beim Anlegen der Application im Dashboard. Für ein eigenes Theme empfiehlt sich die Änderung an einer Kopie statt am Live-Theme.

Installation in den Docs

Datenschutz

Kein Cookie-Banner für die Messung.

fastmon setzt keine Cookies, in keiner Konfiguration. Neue Applications starten im Preset Standard, das ohne personenbezogene Daten auskommt und nichts auf dem Endgerät ablegt.

  • Minimal: nur Vitals, Fehlerarten und Geräteklassen, keine Identifier
  • Standard (Default): dazu Fetch- und XHR-Summen, Query-Namen und Stack-Frames, weiterhin ohne Fehlertext, Query-Werte und Session-ID
  • Full: schreibt eine Kennung in den sessionStorage und braucht deshalb eine Einwilligung
  • Gehostet in Deutschland, 100 % EU-Datenpfad

* In den Modi Minimal und Standard speichert fastmon nichts auf dem Endgerät; gelesen werden nur Statuswerte, die der Browser zur Laufzeit selbst erzeugt. Das ist nach unserer Einschätzung kein Zugriff auf gespeicherte Informationen im Sinne des § 25 TDDDG. Gerichtlich geklärt ist das nicht, ein Restrisiko bleibt, und die Prüfung für den konkreten Einsatz obliegt dem Shop-Betreiber.

Lies aus, was dein Store ohnehin schon sendet.

Kostenlos starten, Script-Tag ins Theme, fertig. Backend, Datenbank und Rendering stehen ab dem ersten Besucher im Dashboard.

FAQ

Häufige Fragen zu Shopify

Was Store-Betreiber und Agenturen vor dem Einbau wissen wollen.

Sendet wirklich jeder Shopify-Store diesen Header?

Klassische Liquid-Storefronts tun es, geprüft an mehreren Live-Shops. Headless-Storefronts über Hydrogen und Oxygen verhalten sich anders und liefern ein anderes oder gar kein Set. Was genau ankommt, siehst du in fastmon nach dem ersten Seitenaufruf, und in den Devtools deines Browsers schon vorher.

Brauche ich eine App aus dem Shopify App Store?

Nein. Ein Script-Tag in theme.liquid genügt. Das ist auch der Grund, warum fastmon selbst kaum Ladezeit kostet: es läuft keine zusätzliche App im Store mit.

Misst fastmon auch den Checkout?

Ja, über Shopifys Custom-Pixel-Funktion. Shopify meldet damit selbst drei Ereignisse an fastmon: Checkout gestartet, Zahlungsdaten abgeschickt, Checkout abgeschlossen. Web Vitals, Ladezeit und Fehler aus dem Checkout gibt es dabei nicht, und die Zahlen sind eine Untergrenze, keine exakte Zählung.

Shopify-Checkout in den Docs

Brauche ich ein Cookie-Banner?

Für die Messung nicht. fastmon setzt in keiner Konfiguration Cookies, und die Presets Minimal und Standard schreiben nichts auf das Endgerät. Nur das Preset Full legt eine Kennung im sessionStorage ab und braucht eine Einwilligung nach § 25 TDDDG.

Die ausführliche Herleitung

Verlangsamt das Script meinen Store?

Es wird mit defer geladen, blockiert also weder Rendering noch Parsing, und kommt als First-Party-Auslieferung ohne zusätzliche Verbindung zu einem Drittanbieter aus. Der Server-Timing-Header kostet gar nichts extra: er liegt ohnehin in jeder Antwort, fastmon liest ihn nur mit.

Was ist mit Apps, die den Store langsam machen?

Die siehst du im Netzwerk-Wasserfall und in den Fetch- und XHR-Summen, mit ihren eigenen Hosts. Zusammen mit der Backend-Zeit aus dem Header lässt sich damit trennen, ob eine App im Browser bremst oder der Store selbst.

Shopify ist eine eingetragene Marke der Shopify Inc. fastmon ist kein Partner der Shopify Inc. und wird von ihr weder unterstützt noch geprüft.