Web-Performance

Überwachen und verbessern Sie die Core Web Vitals Ihres Align-Stores mit den Shopify-Berichten zur Web-Performance.

Alle Dokumente für die ersten Schritte Referenzdokumentation

Ausgewählte Links

Hilfreiche Videos

Shopify-Video zur Web-Performance

Web-Performance des Onlineshops

Das Web Performance-Dashboard von Shopify misst, wie Besucher Ihren Align-Onlineshop erleben, einschließlich Ladegeschwindigkeit, Reaktionsfähigkeit bei Interaktionen und visueller Stabilität. Verwenden Sie es, um die Customer Journey vom ersten Laden der Seite bis zu unerwarteten Verschiebungen durch Inhalte wie Pop-ups zu verstehen.

Diese Messungen helfen Ihnen, Verbesserungen zu priorisieren, die ein reibungsloseres Einkaufserlebnis, höhere Conversion-Raten und eine bessere Auffindbarkeit unterstützen. Company XYZ kann Sie bei Align-spezifischen Fragen unterstützen. Verwenden Sie die Shopify-Berichte, um festzustellen, ob eine Theme-Anpassung, eine App oder Shop-Inhalte genauer untersucht werden sollten.

So wird die Web-Performance gemessen

Die Web-Performance wird anhand wichtiger Kennzahlen gemessen, die als Core Web Vitals bezeichnet werden.

Kennzahl	Was sie misst	Gutes Ergebnis
Largest Contentful Paint (LCP)	Ladegeschwindigkeit, basierend darauf, wie schnell das größte Element oder der Hauptinhalt sichtbar wird	Der Hauptinhalt wird innerhalb von 2,5 Sekunden nach Beginn des Seitenladens geladen
Interaction to Next Paint (INP)	Reaktionsfähigkeit, basierend darauf, wie lange die Seite nach einer Interaktion wie der Auswahl eines Links oder einer Schaltfläche benötigt, um visuelles Feedback bereitzustellen	Weniger als 200 Millisekunden
Cumulative Layout Shift (CLS)	Visuelle Stabilität, basierend darauf, wie stark sich Inhalte während des Ladens unerwartet verschieben	Weniger als 0,1

Google bewertet außerdem die Mobilgerätekompatibilität, sicheres Surfen, HTTPS-Sicherheit und das Fehlen aufdringlicher Interstitials. Aufdringliche Interstitials verdecken die vollständige Ansicht des Inhalts, etwa Werbe-Pop-ups oder Aufforderungen zur Altersverifizierung. Zusammen helfen diese Faktoren bei der Bewertung der Performance und Nutzererfahrung einer Seite.

Warum Web-Performance wichtig ist

Die Performance Ihres Shops kann das Kundenerlebnis, die Conversion-Rate und die Auffindbarkeit beeinflussen.

Erlebnis und Conversion

Ein schnell ladender Shop mit reibungslosen Interaktionen sorgt auf unterschiedlichen Geräten und bei unterschiedlichen Verbindungsgeschwindigkeiten für ein besseres Erlebnis. Wenn eine Website langsam oder schwer zu navigieren ist, verlassen Besucher sie eher, bevor sie etwas kaufen

Die Verbesserung der Web-Performance kann das Einkaufen erleichtern und höhere Conversion-Raten unterstützen.

Auffindbarkeit

Suchmaschinen wie Google verwenden die Seitengeschwindigkeit als Rankingfaktor. Seiten mit schlechter Performance bei den Core Web Vitals können ein niedrigeres Ranking erzielen, selbst wenn der Shop ansonsten für Suchmaschinen optimiert ist.

Eine bessere Performance kann die Chancen Ihres Shops erhöhen, höher zu ranken und in der Suche besser sichtbar zu sein.

Shop-Funktionen und Performance ausbalancieren

Ihr Align-Shop kann Theme-Anpassungen, Apps, Bilder, Videos, Karussells, Social-Media-Feeds und Analysen enthalten. Diese Funktionen können das Besuchererlebnis verbessern und den Funktionsumfang Ihres Shops erweitern. Jede zusätzliche Funktion kann jedoch die Core Web Vitals beeinflussen.

Einige Funktionen verlangsamen eine Seite oder verursachen unerwartetes Verhalten. Wägen Sie vor dem Hinzufügen oder Beibehalten einer Funktion ihren Nutzen für Kunden gegen ihre Auswirkungen auf die Performance ab.

Stellen Sie sich folgende Fragen:

Was hilft Kunden bei der Kaufentscheidung? Überlegen Sie, ob Kunden mehr von einer einfachen Startseite profitieren würden, die zu detaillierten Produktseiten führt, oder von einer funktionsreicheren Startseite, auf der sie Produkte schnell ansehen und kaufen können.
Was gehört an den Anfang der Seite? Branding, hervorgehobene Bilder und ein Checkout-Warenkorb können die Performance beeinflussen, aber auch die Conversion unterstützen.
Was kann geladen werden, nachdem Kunden scrollen? Analysen und Produktbewertungen müssen nicht sofort geladen werden, wenn jemand die Seite aufruft. Wenden Sie sich an Ihren Theme- oder App-Entwickler, wenn Sie bestätigen müssen, ob eine Funktion sofort geladen wird.

Web-Performance-Daten anzeigen

Um Berichte zur Web-Performance anzuzeigen, benötigen Sie die Mitarbeiterberechtigung „Reports“. Damit das Dashboard mit Real User Metrics (RUM) gefüllt wird, entfernen Sie den Passwortschutz Ihres Onlineshops

Sie können Berichte zur Web-Performance im Zeitverlauf über die Zusammenfassung der Performance-Kennzahlen auf der Seite Themes öffnen. Alle Berichte zur Web-Performance finden Sie außerdem in der Liste Reports Ihres Shopify-Adminbereichs.

Zusammenfassung der Performance-Kennzahlen anzeigen

Die Zusammenfassung der Performance-Kennzahlen auf der Seite Themes bietet eine schnelle Übersicht über Ihre drei Core Web Vitals im Zeitverlauf. Erfahren Sie mehr über die Zusammenfassung der Performance-Kennzahlen

Gehen Sie in Ihrem Shopify-Adminbereich zu Online Store > Themes
Optional: Verwenden Sie die Datumsauswahl, um Today, Last 7 days oder Last 30 days anzuzeigen.
Optional: Wählen Sie eine Kennzahl in der Zusammenfassung aus, um den zugehörigen Bericht zu öffnen.
- Wählen Sie LCP P75 (ms) für den Bericht Largest Contentful Paint: Im Zeitverlauf
- Wählen Sie INP P75 (ms) für den Bericht Interaction to Next Paint: Im Zeitverlauf
- Wählen Sie Cumulative Layout Shift für den Bericht Cumulative Layout Shift: Im Zeitverlauf
- Wählen Sie Sessions by Device Type für den Bericht Sessions by device type

Berichte zur Web-Performance anzeigen

Mehrere Berichte zur Web-Performance sind in der Liste Reports verfügbar. Verwenden Sie das Konfigurationsfenster oder den ShopifyQL-Abfrageeditor, um einen Bericht an die benötigten Daten anzupassen. Erfahren Sie mehr über die Verwendung von Shopify-Berichten

Gehen Sie in Ihrem Shopify-Adminbereich zu Analytics > Reports
Suchen Sie nach dem gewünschten Bericht.
- Suchen Sie nach :, um alle Berichte zur Web-Performance anzuzeigen.
- Suchen Sie nach contentful für Berichte zu Largest Contentful Paint.
- Suchen Sie nach next für Berichte zu Interaction to Next Paint.
- Suchen Sie nach cumulative für Berichte zu Cumulative Layout Shift.
Wählen Sie den Berichtsnamen aus, um ihn zu öffnen.

Zusammenfassung der Performance-Kennzahlen verstehen

Die Zusammenfassung der Web-Performance-Kennzahlen verwendet reale Nutzerdaten der vergangenen 30 Tage, um Ihren Shop anhand der drei Core Web Vitals zu bewerten. Jede Kennzahl erhält anhand der Erfahrung der besten 75 % der Nutzer die Bewertung Gut, Verbesserungswürdig oder Schlecht.

Die Zusammenfassung enthält:

Largest Contentful Paint (LCP), das die Ladegeschwindigkeit und die Geschwindigkeit widerspiegelt, mit der das größte sichtbare Element erscheint.
Interaction to Next Paint (INP), das die Reaktionsfähigkeit und die Zeit bis zum Rendern des nächsten Frames oder der nächsten sichtbaren Änderung nach einer Interaktion widerspiegelt, etwa bei der Auswahl eines Links oder einer Schaltfläche.
Cumulative Layout Shift (CLS), das widerspiegelt, wie stark sich Inhalte beim Laden oder Navigieren unerwartet verschieben.
Online visitor sessions by device type.

Core Web Vital	Bewertung	Zielwert	Bedeutung
Largest Contentful Paint (LCP)	Gut	Weniger als oder gleich 2500 ms	Die meisten Nutzer erleben einen schnellen Seitenaufbau
	Verbesserungswürdig	Mehr als 2500 ms und weniger als 4000 ms	Einige Nutzer erleben einen schnellen Seitenaufbau, es besteht jedoch Verbesserungsbedarf
	Schlecht	Mehr als 4000 ms	Die meisten Nutzer erleben einen langsamen Seitenaufbau, der verbessert werden sollte
Interaction to Next Paint (INP)	Gut	Weniger als oder gleich 200 ms	Die meisten Nutzer erleben eine gute Reaktionsfähigkeit der Seite
	Verbesserungswürdig	Mehr als 200 ms und weniger als 500 ms	Einige Nutzer erleben eine gute Reaktionsfähigkeit, es besteht jedoch Verbesserungsbedarf
	Schlecht	Mehr als 500 ms	Die meisten Nutzer erleben eine langsame und frustrierende Reaktionsfähigkeit, die verbessert werden sollte
Cumulative Layout Shift (CLS)	Gut	Weniger als oder gleich 0,1	Die meisten Nutzer erleben beim Laden der Seite ein stabiles Layout
	Verbesserungswürdig	Mehr als 0,1 und weniger als 0,25	Einige Nutzer erleben ein stabiles Layout, es besteht jedoch Verbesserungsbedarf
	Schlecht	Größer oder gleich 0,25	Die meisten Nutzer erleben ein instabiles Layout, was störend sein kann und verbessert werden sollte

Wenn eine Kennzahl Verbesserungswürdig oder Schlecht ist, verwenden Sie die Berichte zur Web-Performance, um wahrscheinliche Ursachen zu untersuchen und Verbesserungen festzulegen.

Berichte zur Web-Performance verwenden

Sobald die Zusammenfassung der Performance-Kennzahlen genügend Daten zur Bewertung der Core Web Vitals enthält, können Sie die Berichte verwenden, um Seiten und Änderungen einzugrenzen, die Ihre Ergebnisse beeinflussen könnten. So können Sie fundiertere Entscheidungen darüber treffen, wo Optimierungen sinnvoll sind.

Gerät, Netzwerk und Standort der Kunden liegen außerhalb Ihrer Kontrolle. Besucher verwenden weltweit unterschiedliche Geräte und Internetverbindungen. Daher können einzelne Zeiträume oder Seiten auch dann „Moderate“ oder „Poor“ sein, wenn Ihre Gesamtkennzahl gut ist. Konzentrieren Sie sich auf das Gesamtergebnis statt auf einzelne Ausreißer.

Performance im Zeitverlauf prüfen

Verwenden Sie diese Berichte, um zu sehen, wie sich die einzelnen Core Web Vitals im Zeitverlauf verändern:

Standardmäßig zeigen diese Berichte das 75. Perzentil der jeweiligen Core Web Vital in Millisekunden. Verwenden Sie das Konfigurationsfenster, um einen Bericht anzupassen, und ändern Sie Dimensions und Filters, etwa Zeitraum, Datumsgruppierung und Gerätetyp. Erfahren Sie mehr über die Anpassung Ihrer Berichte

Das Liniendiagramm zeigt, wie sich Änderungen wie App-Installationen, Align-Theme-Updates und neuer Code im Zeitverlauf auf eine Core Web Vital ausgewirkt haben könnten. Es enthält:

Eine Summary-Bewertung der Web-Performance für den ausgewählten Zeitraum.
Nummerierte vertikale Ereignisanmerkungen, über denen Sie den Mauszeiger platzieren können, um möglicherweise performance-relevante Shop-Änderungen anzuzeigen.
Horizontale Schwellenlinien, die die Grenzen zwischen Gut, Verbesserungswürdig und Schlecht anzeigen.

Die Spalte mit der Verteilungskennzahl in der Datentabelle enthält ein Balkendiagramm mit Seitenbesuchen in den Kategorien „good“ (grün), „moderate“ (gelb) und „poor“ (rot).

Performance nach Seiten-URL prüfen

Verwenden Sie diese Berichte, um einzelne URLs zu finden, die möglicherweise Aufmerksamkeit benötigen:

Diese Berichte zeigen standardmäßig das 75. Perzentil der jeweiligen Core Web Vital in Millisekunden. Verwenden Sie das Konfigurationsfenster, Dimensions und Filters, um Zeitraum, Datumsgruppierung, Gerätetyp und weitere Details zu verfeinern. Siehe die Anpassung Ihrer Berichte

Berichte nach Seiten-URL enthalten keine grafische Darstellung. Sie zeigen nur die Datentabelle, wobei Page path die standardmäßige primäre Dimension ist. Das Balkendiagramm der Verteilungskennzahl zeigt gute (grüne), moderate (gelbe) und schlechte (rote) Seitenbesuche.

Performance nach Seitentyp prüfen

Verwenden Sie diese Berichte, um zu sehen, ob eine Seitenkategorie zu einem Performance-Problem beiträgt:

Diese Berichte zeigen standardmäßig das 75. Perzentil der jeweiligen Core Web Vital in Millisekunden. Passen Sie sie mit dem Konfigurationsfenster, Dimensions und Filters wie Zeitraum, Datumsgruppierung und Gerätetyp an. Erfahren Sie mehr über die Anpassung Ihrer Berichte

Berichte nach Seitentyp enthalten keine grafische Darstellung. Sie zeigen die Datentabelle mit Page type als standardmäßiger primärer Dimension sowie einen Verteilungsbalken für gute (grüne), moderate (gelbe) und schlechte (rote) Seitenbesuche.

Ein Problem untersuchen

Prüfen Sie die Zusammenfassung der Performance-Kennzahlen, um die Core Web Vital zu identifizieren, die Aufmerksamkeit benötigt.
Verwenden Sie für diese Kennzahl alle drei Berichtsansichten, um das Problem einzugrenzen.
- Verwenden Sie Over Time, um festzustellen, wann sich eine Bewertung geändert hat.
- Verwenden Sie Page Type, um zu prüfen, ob bestimmte Seitenvorlagen betroffen sind.
- Verwenden Sie Page URL, um bestimmte betroffene Seiten zu identifizieren.
Vergleichen Sie den Zeitpunkt mit Änderungen an Ihrem Shop und nutzen Sie anschließend die ermittelten Seiten und Elemente für eine gezielte Verbesserung.
Detaillierte Hinweise zur Verbesserung finden Sie unter Verbesserung der Performance Ihres Onlineshops

Häufig gestellte Fragen

Warum wurde die Google-Lighthouse-Geschwindigkeitsbewertung entfernt?

Google Lighthouse verwendet simulierte Umgebungen für Geschwindigkeitsbewertungen. Das ist für eine schnelle Momentaufnahme nützlich, bildet jedoch keine realen Nutzererfahrungen ab. Google priorisiert für SEO-Rankings inzwischen die Core Web Vitals; erfahren Sie mehr bei Google

Warum habe ich noch keine Bewertungen?

Ihr Shop ist passwortgeschützt. Ein passwortgeschützter Shop erhält nicht den erforderlichen echten Nutzertraffic zur Erstellung der Core Web Vitals. Entfernen Sie die Passwortseite, damit Nutzer die Website besuchen können.
Ihr Shop hat noch keinen Traffic. Ohne Seitenaufrufe gibt es keine zu meldenden Echtzeit-Nutzerkennzahlen.

Warum habe ich Traffic, aber keine Bewertungen für Core Web Vitals?

Core Web Vitals sind ein Produkt von Google und derzeit nur in Chromium-basierten Browsern verfügbar. Moderne Browser wie Safari und Safari iOS verwenden ähnliche Technologien. Daher stellen die Kennzahlen weiterhin genau dar, wie Nutzer Ihre Website erleben.

Warum habe ich Bewertungen für einige Kennzahlen, aber nicht für andere?

Jede Kennzahl misst einen anderen Teil des Erlebnisses und hängt von einer anderen Besucheraktivität ab. Largest Contentful Paint misst beispielsweise das Laden der Seite, während Interaction to Next Paint misst, wie schnell die Seite nach einer Interaktion visuell reagiert. Wenn Besucher nicht mit der Seite interagieren, erhält die INP-Kennzahl möglicherweise keine Bewertung.

Warum hat sich eine Bewertung geändert?

Bewertungen können sich aufgrund des Traffic-Volumens oder von Shop-Aktualisierungen ändern. Wenn geringer Traffic große Schwankungen verursacht, versuchen Sie es mit einem wöchentlichen oder monatlichen Filter.

Bewertungen können sich auch ändern, nachdem Sie Produkte importiert, Kollektionen erstellt, Align geändert, den Code angepasst oder eine App hinzugefügt haben. Erfahren Sie mehr über Faktoren, die sich auf die Performance Ihres Onlineshops auswirken können

Wie kann ich meine Bewertung oder mein Ranking verbessern?

Hinweise zur Verbesserung finden Sie unter Verbesserung der Performance Ihres Onlineshops

Warum unterscheiden sich Dashboard-Bewertungen von anderen Tools?

Das Web Performance-Dashboard kann sich aus folgenden Gründen von anderen Tools unterscheiden:

Zeitzone. Die Dashboard-Daten verwenden den UTC-Standard, der von der Zeitzone eines anderen Tools abweichen kann.
Datenerfassung. Das Dashboard erfasst einen größeren Datensatz aus Chromium-Browsern wie Chrome, Opera, Edge und Samsung Internet sowie aus Firefox. Tools wie Googles PageSpeed Insights verwenden den CrUX-Bericht für Chrome-Browser, deren Nutzer der Datenerfassung zugestimmt haben. Erfahren Sie mehr über CrUX-Daten
Performance-Hinweise. Lesen Sie Verbesserung der Performance Ihres Onlineshops, bevor Sie Ergebnisse vergleichen oder Änderungen planen.

Performance des Onlineshops verbessern

Viele Faktoren beeinflussen die Performance eines Onlineshops. Einige liegen in Ihrer Kontrolle, andere hängen von Ihren Kunden oder Ihrer Infrastruktur ab. Beginnen Sie mit der Prüfung Ihres Web Performance-Berichts, um die aktuellen Ergebnisse zu verstehen.

Faktoren außerhalb Ihrer Kontrolle

Gerät, Netzwerk und Standort der Kunden

Kunden besuchen Ihren Shop von unterschiedlichen Standorten, Geräten und Internetverbindungen. Daher kann derselbe Shop für verschiedene Besucher unterschiedlich schnell laden.

Wenn ein Kunde meldet, dass der Shop langsam ist, bitten Sie ihn, Folgendes zu bestätigen:

Der Browser ist aktuell.
Der Browser-Cache wurde kürzlich geleert.
Beim Internetanbieter liegt kein Ausfall oder eine Leistungsminderung vor.

Shopify-Infrastruktur

Shopify hostet Onlineshops auf schnellen, globalen Servern, ohne die Shop-Bandbreite zu begrenzen. Überprüfen Sie den Status Ihres Shopify-Shops über Shopify Status

Laufende Verbesserungen an Infrastruktur und Code können sich in den Performance-Kennzahlen widerspiegeln. Auch die folgenden Dienste und Funktionen können die Geschwindigkeit beeinflussen.

Content Delivery Network (CDN)

Ein CDN (Content Delivery Network) speichert Bilder und andere Dateien, einschließlich Inhalten, die unter Content > Files hochgeladen wurden. Shopify stellt ein globales CDN von Cloudflare bereit, damit Shops weltweit schnell geladen werden.

Prüfen Sie die CDN-Verfügbarkeit auf der Cloudflare-Statusseite

Lokaler Browser-Cache

Ihr Shop speichert einige Elemente vorübergehend im lokalen Browserspeicher eines Kunden. Bei einem späteren Besuch kann der Browser zwischengespeicherte Ressourcen laden, anstatt eine weitere Serveranfrage zu stellen.

Shopify legt die Cache-Dauer für cachebare Shop-Ressourcen für jede Datei auf ein Jahr fest. Zu den cachebaren Ressourcen gehören Bilder, PDFs, JS-Dateien und CSS-Dateien.

Serverseitiger Seiten-Cache

Seiten werden ebenfalls auf dem Server zwischengespeichert. Das erste Laden einer Seite kann langsamer sein, während spätere Ladevorgänge schneller erfolgen können, weil Besucher eine zwischengespeicherte Kopie erhalten.

Ressourcen in `content_for_header`

Das Liquid-Objekt content_for_header fügt Ressourcen hinzu, die von verschiedenen Onlineshop-Funktionen verwendet werden, darunter Performance-Analysen und optionale Funktionen wie dynamische Checkout-Schaltflächen. Das Laden dieses Objekts und der zugehörigen Ressourcen beeinflusst die Shop-Geschwindigkeit. Shopify optimiert das Tag und seine Ressourcen fortlaufend.

Faktoren unter Ihrer Kontrolle

Apps

Apps, die die Funktionalität oder Darstellung Ihres Shops ändern, können Code zu Align hinzufügen, damit sie ausgeführt werden können. Das Entfernen, Neuanordnen oder Deaktivieren nicht benötigter App-Funktionen kann die Performance verbessern.

Wenn eine App Ihren Shop verlangsamen könnte:

Deaktivieren Sie nicht verwendete App-Funktionen oder entfernen Sie die App, wenn sie nicht mehr benötigt wird. Berücksichtigen Sie das Verhältnis zwischen Onlineshop-Funktionen und Geschwindigkeit
Entfernen Sie beim Löschen einer App gegebenenfalls den bei der Installation hinzugefügten Code. Die meisten Apps entfernen ihren eigenen Code automatisch. Bestätigen Sie dies jedoch beim App-Entwickler. Einige Apps kennzeichnen ihren Code mit {% comment %}-Tags, die den App-Namen enthalten. Das Entfernen ungenutzten App-Codes verhindert die Ausführung nicht mehr benötigter Funktionen und erleichtert die Wartung Ihres Themes.
Wenden Sie sich an den App-Entwickler, um Unterstützung zu erhalten.

Align-Theme und Anpassungen

Align verwendet Liquid, HTML, CSS und JavaScript. Anpassungen können die Dateigröße erhöhen und die Web-Performance beeinflussen.

Wenn Align oder eine Anpassung zu einer langsamen Performance beitragen könnte:

Deaktivieren Sie nicht verwendete Theme-Funktionen. Berücksichtigen Sie das Verhältnis zwischen Onlineshop-Funktionen und Geschwindigkeit
Verwenden Sie eine Systemschriftart
Bei einer Align-spezifischen Frage lesen Sie die Dokumentation von Company XYZ oder wenden Sie sich an den Company XYZ-Support.

Theme- oder App-Funktionen

Aktivierte Funktionen können die Performance beeinflussen. Ein Schnellansicht-Pop-up kann beispielsweise Informationen zu jedem Produkt auf einer Kollektionsseite vorab laden. Das Laden von Daten, die Kunden nicht verwenden, kann die Seite verlangsamen, ohne einen Mehrwert zu bieten.

Deaktivieren Sie nicht benötigte Funktionen. Berücksichtigen Sie das Verhältnis zwischen Onlineshop-Funktionen und Performance
Fragen Sie Ihre Theme- und App-Entwickler, ob eine Funktion Daten vorab lädt.

Komplexer oder ineffizienter Liquid-Code

Fast sämtlicher zum Rendern eines Shops verwendeter Liquid-Code kann bearbeitet werden. Wiederholte komplexe Vorgänge können jedoch die Liquid-Renderzeit erhöhen und die Gesamtperformance beeinträchtigen. Sortieren Sie Produkte in einer Kollektion beispielsweise nach Preis, bevor Sie sie durchlaufen, statt innerhalb der Schleife zu sortieren. Die Reihenfolge ändert sich nicht für jedes Produkt. Eine wiederholte Neuberechnung verursacht daher zusätzliche Verarbeitungszeit.

Wenn Sie befürchten, dass Code nicht optimiert ist:

Führen Sie Shopify Theme Inspector for Chrome aus, um Codezeilen zu identifizieren, die Shop-Seiten verlangsamen.
Beauftragen Sie einen Shopify-Partner, um ineffizienten oder unnötigen Code zu identifizieren.

Bilder und Videos

Übergroße und ausgeblendete Bilder können wichtigere Seiteninhalte verzögern. Wenn Kunden auf das Laden großer Bilder warten, kann sich der Shop langsam anfühlen.

Shopify verfügt über Schutzmechanismen, die diese Auswirkungen begrenzen:

Kollektionsseiten dürfen höchstens 50 Produkte und Startseiten höchstens 25 Abschnitte enthalten.
Viele Themes verzögern das Laden von Bildern, die momentan nicht auf dem Bildschirm sichtbar sind.
Viele Themes laden eine Bildgröße passend zur Bildschirmgröße, auf der das Bild angezeigt wird.

Diese Schutzmechanismen verhindern nicht vollständig, dass Bilder und Videos die Performance beeinflussen. Wenn Medien Ihren Shop verlangsamen könnten:

Lesen Sie den Leitfaden zur Bildoptimierung
Begrenzen Sie Diashows mit hervorgehobenen Bildern auf zwei oder drei Folien oder verwenden Sie ein einzelnes hervorgehobenes Bild.
Fragen Sie Ihren Theme-Entwickler nach der besten Verwendung von Bildern in Ihrem Theme.

Schriftarten

Schriftarten beeinflussen die Performance, da jede Schriftart, die nicht bereits auf dem Gerät eines Besuchers vorhanden ist, bereitgestellt werden muss, bevor der Browser Text damit rendern kann. Benutzerdefinierte Schriftarten fügen der Seite Dateien hinzu. Große oder nicht optimierte Dateien erhöhen die Datenmenge, die jeder Besucher herunterladen muss.

Verwenden Sie benutzerdefinierte Schriftarten mit Bedacht. Wählen Sie nach Möglichkeit moderne, optimierte Schriftdateien und vermeiden Sie unnötige Schriftschnitte, Stile und Zeichensätze. Schriftarten aus der eigenen Schriftartenbibliothek von Shopify sind bereits für die Verwendung mit Shopify-Themes optimiert. Trotzdem sollten Sie die Anzahl der Schriftfamilien gering halten.

Als allgemeine Richtlinie sollten Sie höchstens zwei benutzerdefinierte Schriftfamilien pro Shop verwenden, etwa eine für Überschriften und eine für Fließtext. Mehr Schriftfamilien bedeuten mehr herunterzuladende Dateien und können das Laden verlangsamen, insbesondere auf Mobilgeräten und bei langsameren Verbindungen.

Nutzungshinweise

Beginnen Sie mit dem Gesamttrend. Priorisieren Sie eine Core Web Vital, wenn ihre Zusammenfassungsbewertung dauerhaft Verbesserungswürdig oder Schlecht ist, statt auf eine einzelne schwache Seite oder ein einzelnes Datum zu reagieren.
Untersuchen Sie das Problem schrittweise. Verwenden Sie Berichte im Zeitverlauf, um festzustellen, wann eine Änderung auftrat, und anschließend Berichte nach Seitentyp und Seiten-URL, um betroffene Vorlagen und Seiten zu lokalisieren.
Vergleichen Sie Änderungen mit dem Kundennutzen. Behalten Sie Funktionen bei, die Kunden beim Kauf unterstützen, deaktivieren oder verzögern Sie jedoch Funktionen mit geringem Mehrwert, die unnötige Daten laden.
Berücksichtigen Sie das Traffic-Volumen. Verwenden Sie wöchentliche oder monatliche Filter, wenn geringer Traffic tägliche Daten stark schwanken lässt.
Nehmen Sie gezielte Änderungen vor. Ändern Sie nach Möglichkeit jeweils eine wahrscheinliche Ursache und lassen Sie anschließend genügend echte Nutzerdaten sammeln, bevor Sie das Ergebnis beurteilen.