Kurze Antwort: Bei den meisten Shopify-Shops sind die Hauptprobleme für die Geschwindigkeit Apps und Bilder, in dieser Reihenfolge. Die Lösung besteht eher in der Entfernung und Komprimierung als in ausgeklügelter Technik. Ignorieren Sie den Admin-Geschwindigkeitsscore; messen Sie stattdessen Largest Contentful Paint, Interaction to Next Paint und Cumulative Layout Shift von echten Besuchern, da diese von Google verwendet werden und mit der Conversion korrelieren.

Die richtigen drei Kennzahlen messen

Das Shopify-Admin-Panel zeigt einen Geschwindigkeitsscore an. Es handelt sich um einen Lab-Score von Lighthouse — eine simulierte Ladezeit auf einem simulierten Gerät — und er verändert sich aus Gründen, die nichts mit Ihren Besuchern zu tun haben. Nützlich, um Ihren Shop mit dem letzten Monat zu vergleichen; nicht das, was Google verwendet.

Google verwendet Felddaten: was tatsächlich bei echten Menschen mit echten Verbindungen passiert ist.

Metrik Misst Bestehen Üblicher Shopify-Verursacher
LCP Wann das Hauptbild oder die Überschrift geladen wird < 2,5s Hero-Bild wird verzögert geladen, unkomprimiert oder hinter einem Slider
INP Wie schnell die Seite auf eine Berührung reagiert < 200ms App-JavaScript, das im Hauptthread ausgeführt wird
CLS Wie stark das Layout springt < 0,1 Bilder ohne Abmessungen, verspätet eingefügte Banner, Schriftartenwechsel

Der Core Web Vitals-Bericht der Search Console zeigt diese Daten von Ihren eigenen Besuchern. PageSpeed Insights zeigt sowohl Feld- als auch Labdaten für eine URL an — lesen Sie zuerst den Feldabschnitt und betrachten Sie den Lababschnitt als Diagnose des Warum.

Apps sind in der Regel der größte Einzelposten

Jede App, die ein Skript einfügt, fügt Bytes zum Herunterladen, Parsen und Ausführen hinzu, und das auf jeder Seite, unabhängig davon, ob die Seite die App nutzt oder nicht. Zwölf Apps sind nicht zwölf kleine Kosten; sie konkurrieren um denselben Hauptthread.

Richtig prüfen:

  1. Listen Sie jede installierte App auf und notieren Sie, was jede einzelne Ihnen bringt. Alles, worauf Sie keine Antwort haben, ist ein Kandidat.
  2. Deinstallieren Sie die Kandidaten.
  3. Überprüfen Sie dann das Theme auf Überreste. Dies ist der Schritt, den viele überspringen. Das Deinstallieren einer App entfernt nicht immer das Skript-Tag, das sie zu theme.liquid hinzugefügt hat, sodass Sie die Ladezeit einer App bezahlen könnten, die Sie nicht mehr haben. Suchen Sie im Theme nach dem Namen der App und der CDN-Domain.
  4. Messen Sie nach jeder Entfernung erneut, nicht erst am Ende, damit Sie wissen, welche wirklich wichtig war.

Der Googlebot-Simulator zeigt das rohe HTML, das ein Crawler erhält, was eine schnelle Möglichkeit ist, zu sehen, wie viel Ihrer Seite aus Drittanbieter-Skripten besteht, bevor irgendetwas gerendert wird.

Bilder: komprimieren, skalieren und das Lazy-Loading des Hero-Bildes stoppen

Bilder sind normalerweise die größten Datenmengen auf einer Shopify-Seite und am einfachsten zu halbieren.

Shopifys CDN leistet bereits mehr, als die meisten Händler realisieren. Es liefert WebP automatisch an Browser, die es akzeptieren, und passt die Größe auf Anfrage über URL-Parameter an. Was es nicht kann, ist ein 4 MB Original rückgängig zu machen — es wird ein kleineres Format liefern, aber kein kleineres Foto. Komprimieren Sie vor dem Hochladen.

Passen Sie die Anfrage an den Slot an. Ein 2.400px Bild, das in einer 600px Spalte angezeigt wird, verschwendet drei Viertel seiner Datenmenge. Shopifys Bild-URLs akzeptieren ?width= — nutzen Sie es und stellen Sie ein srcset bereit, damit Telefone keine Desktop-Bilder herunterladen.

Der Hero ist die Ausnahme zu jeder Lazy-Loading-Regel. Es ist fast immer das LCP-Element, daher verzögert das Lazy-Loading das eine Bild, das Google misst. Setzen Sie es auf loading="eager" und fetchpriority="high", und laden Sie alles unterhalb der Falte verzögert. Shops, die "überall Lazy Loading hinzufügen" und langsamer werden, haben fast immer genau das getan.

Setzen Sie immer Breite und Höhe. Ohne diese kann der Browser keinen Platz reservieren, die Seite verschiebt sich, wenn das Bild ankommt, und das ist CLS. Bild-SEO auf Shopify behandelt den Alt-Text und den Dateinamen; dies ist rein die Leistungsseite.

Schriften und die unsichtbaren Kosten

Benutzerdefinierte Schriften verursachen bei jedem ersten Besuch echte Kosten. Drei Regeln decken das meiste davon ab:

  • Weniger ist mehr. Zwei Schriftfamilien und jeweils zwei Gewichtungen sind ausreichend. Vier Familien sind eine Designentscheidung mit einem Leistungspreis.
  • font-display: swap. Andernfalls ist der Text unsichtbar, während die Schrift geladen wird — eine leere Seite, die sich kaputt anfühlt, selbst wenn sie schnell ist.
  • Preconnect zum Schrift-Host. Eine Zeile in theme.liquid, die eine DNS-Abfrage und einen TLS-Handshake auf dem kritischen Pfad spart.

Die eigene Schriftbibliothek von Shopify wird vom gleichen Ursprung wie das Schaufenster bereitgestellt, was die Verbindungskosten vollständig eliminiert. Eine Überlegung wert, wenn Ihre Markenschrift nicht entscheidend ist.

Was Sie nicht beheben können und worauf Sie verzichten sollten

Shopify kontrolliert die Server-Antwortzeit, das CDN, den Checkout und das Kern-JavaScript der Plattform. Sie können nichts davon optimieren, und ein bedeutender Teil eines jeden Lighthouse-Berichts wird Dinge in dieser Kategorie umfassen.

Dies ist wichtig für die Erwartungshaltung: Es gibt eine Untergrenze, die für jeden Shop auf der Plattform gleich ist, und ein "Geschwindigkeitsoptimierungsdienst", der verspricht, diese zu durchbrechen, verkauft etwas anderes. Was wirklich in Ihrer Verantwortung liegt, ist alles, was nach dem Eintreffen des HTML passiert — und in einem app-lastigen Shop ist das der Bereich, in dem fast der gesamte vermeidbare Verlust entsteht.

Ein geordneter Plan

Woche 1 — messen und entfernen. Erfasse LCP, INP und CLS aus der Search Console. Überprüfe Apps, deinstalliere die nicht gerechtfertigten und suche im Theme nach übrig gebliebenen Skripten. Erneut messen.

Woche 2 — Bilder. Komprimiere und lade die Hauptbilder auf deiner Startseite und in den wichtigsten Kollektionen neu hoch. Füge explizite Breiten- und Höhenangaben hinzu. Korrigiere das Ladeattribut des Hauptbildes. Reduziere Slider-Bilder auf das tatsächlich Sichtbare.

Woche 3 — Schriftarten und Drittanbieter. Reduziere Schriftfamilien und -gewichte. Füge Preconnect hinzu. Verschiebe alle verbleibenden Drittanbieter-Skripte, die nicht für den ersten Anstrich benötigt werden.

Woche 4 — erneut messen und stoppen. Felddaten haben eine Verzögerung von bis zu 28 Tagen, beurteile also Woche 1 nicht in Woche 2. Wenn die drei Zahlen bestanden werden, höre auf: Weitere Optimierungen in einem bestandenen Shop sind Anstrengungen, die anderswo mehr einbringen würden.

Wo die Geschwindigkeit im Vergleich zu allem anderen steht

Geschwindigkeit ist ein entscheidender Faktor. Eine schnelle Seite, die die Anfrage schlecht beantwortet, verliert dennoch gegen eine langsame Seite, die sie gut beantwortet — deshalb ist "Verbesserung der Core Web Vitals" selten der wertvollste Punkt in einem Shop mit 2.000 Produkten und ohne Meta-Beschreibungen.

Beheben Sie es, weil Besucher langsame Shops verlassen und weil es ein echter Ranking-Faktor ist, aber ordnen Sie es ehrlich ein. Die Shopify SEO-Checkliste stellt es in den Kontext mit dem Rest, und der kostenlose Audit zeigt Ihnen, ob Geschwindigkeit wirklich Ihr einschränkender Faktor ist oder nur das sichtbarste Problem, an dem Sie arbeiten sollten.