Die meisten Ratschläge zur Shopify-Geschwindigkeit enden bei „Bilder komprimieren“. Das ist die Reihenfolge, die wir tatsächlich abarbeiten — sortiert nach Wirkung pro Arbeitsstunde.
Felddaten statt Laborwerte messen
Lighthouse ist eine Simulation. Google bewertet Felddaten echter Chrome-Nutzer, sichtbar im Core-Web-Vitals-Bericht der Search Console. Diese Daten laufen über ein rollierendes Fenster von 28 Tagen — eine Verbesserung zeigt sich dort also erst nach einigen Wochen vollständig. Beheben Sie, was die Felddaten sagen, und nutzen Sie Lighthouse nur zum schnellen Iterieren.
- LCP (Largest Contentful Paint): gut unter 2,5 Sekunden
- INP (Interaction to Next Paint): gut unter 200 Millisekunden
- CLS (Cumulative Layout Shift): gut unter 0,1
LCP: fast immer das Hero-Bild
Vorladen, fetchpriority=high setzen, niemals lazy-loaden und über image_url mit definierter Breite und srcset ausliefern. Breite und Höhe deklarieren, damit der Browser Platz reserviert. Dieses eine Element bestimmt bei den meisten Shops den Großteil des LCP-Werts.
Ein häufiger Sonderfall: Slider im Hero. Das erste Bild eines Sliders wird oft per JavaScript eingesetzt und ist damit für den Browser erst spät sichtbar. Ein statisches erstes Bild, auf das der Slider erst später aufsetzt, bringt hier oft mehr als jede Komprimierung.
CLS: Platz reservieren für alles, was später kommt
aspect-ratio auf jedem Bildcontainer, font-display sauber gesetzt, feste Höhen für Ankündigungsleisten, Bewertungssterne und Cookie-Banner. Layoutverschiebung entsteht fast immer dort, wo JavaScript etwas in einen nicht reservierten Bereich einfügt.
INP: die Kennzahl, die Apps zerstören
Interaction to Next Paint misst Reaktionsfähigkeit, und lange JavaScript-Tasks ruinieren sie. Prüfen Sie jede App nach echten Kosten: Bewertungs-Widgets, Chat, Popups und Analytics blockieren alle den Main Thread. Alles verzögern, was nicht für die erste Interaktion nötig ist.
Ein typischer INP-Täter in Shopify ist der Warenkorb-Drawer: Ein Klick auf „In den Warenkorb“ löst Neuberechnungen, Upsell-Logik und Tracking gleichzeitig aus. Tracking-Events lassen sich hinter die sichtbare Reaktion verschieben — der Kunde sieht sofort etwas, gemessen wird trotzdem.
Das Consent-Tool ist oft der zweitgrößte Bremsklotz
DSGVO-Consent-Banner laden früh und blockierend — im DACH-Raum ein häufiger, aber selten geprüfter Kostenfaktor. Wählen Sie ein leichtes Tool und laden Sie es asynchron, ohne die Rechtssicherheit aufzugeben.
Der Drittanbieter-Audit
In den Chrome DevTools einen Ladevorgang aufzeichnen und nach Skriptgröße und Blockierzeit sortieren. Dann für jede App fragen, welchen Umsatz sie erzeugt. In den meisten Audits finden wir zwei bis drei Apps mit zusammen 300 KB und ohne messbaren Beitrag.
Achten Sie auch auf Reste deinstallierter Apps: Manche hinterlassen Snippets im Theme-Code, die weiterhin Skripte laden oder zumindest Fehler erzeugen. Eine Suche nach dem App-Namen im Code-Editor findet sie meistens.
Schriften und Liquid
Zwei Schriftschnitte weniger sind oft mehr wert als jede Bildoptimierung. Laden Sie nur die Schnitte, die tatsächlich verwendet werden, und laden Sie die wichtigste Schrift vor. Auf Liquid-Seite lohnt ein Blick auf Schleifen über große Kollektionen und auf Sections, die auf jeder Seite Daten laden, die dort gar nicht angezeigt werden.
Den Wert halten
Performance verfällt: eine neue App, ein Marketing-Tag, ein unkomprimiertes Kampagnenbild. Ohne Monitoring mit Regressionsalarm ist Optimierung eine Einmalausgabe mit kurzer Halbwertszeit.
Wie wir die Optimierung mit schriftlichem Zielwert anbieten, steht auf der Seite zur Shopify-Geschwindigkeitsoptimierung. Welche Apps auf Ihrem Shop Skripte laden, zeigt der kostenlose App-Finder; wie Sie es von Hand prüfen, erklärt der Beitrag Shopify Apps herausfinden.