Technologieaustausch

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Die Zufriedenheit der Kunden ist das Erfolgsgeheimnis im Einzelhandel. Die Bereitstellung eines schnellen, konsistenten Online-Erlebnisses verbessert nachweislich jede Kennzahl, die Einzelhändlern wichtig ist – von Konversionsraten und Umsatz bis hin zu Kundenbindung und Markenbekanntheit.

Gliederung dieses Artikels:

• Die Seitengeschwindigkeit wirkt sich auf die Geschäftsdaten des Online-Einzelhandels aus

• So vergleichen Sie die Geschwindigkeit Ihrer Website mit der Ihrer Mitbewerber

• Beginnen Sie mit der Leistungsoptimierung: Analysieren Sie, was Ihre Seiten verlangsamt, von Bildern und Drittanbietern bis hin zu Stylesheets und benutzerdefinierten Schriftarten, und was Sie dagegen tun können

Die Seitengeschwindigkeit wirkt sich auf die Geschäftsdaten des Online-Einzelhandels aus

Für die meisten Online-Händler hat die Seitengeschwindigkeit einen messbaren Einfluss auf den Gewinn. Schon kleine Verbesserungen können Kennzahlen wie Konversionsraten deutlich verbessern.Zum Beispiel

So analysieren Sie die Beziehung zwischen Website-Leistung und Geschäftskonversionsdaten

Aber was ist mit Ihrer Website? Um die Auswirkungen von Seitengeschwindigkeitsverbesserungen auf Ihrer eigenen Website zu verstehen, müssen Sie sich Ihre eigenen RUM-Daten (Real User Monitoring) ansehen.Assoziationsdiagramm ist eine großartige Möglichkeit, die Leistung jedem in Ihrem Unternehmen mitzuteilen. Sie können RUM verwenden, um diese Visualisierungen zu erstellen, die es selbst den technisch weniger versierten Beteiligten ermöglichen, leicht zu erkennen, wie die Leistung mit dem Benutzerengagement und Geschäftskennzahlen wie Absprungrate und Konversionsrate korreliert.

Das Korrelationsdiagramm bietet Ihnen eine Histogrammansicht des gesamten Benutzerverkehrs, unterteilt in verschiedene Gruppen basierend auf Leistungsmetriken wie Beginn des Renderns, maximale Inhaltsauslosung und Anzahl der Interaktionen bis zur nächsten Auslosung. Das Diagramm enthält eine Überlagerung, die Ihnen Metriken zur Benutzerinteraktion oder Geschäftsmetriken (z. B. Absprungrate oder Konversionsrate) anzeigt, die jeder Gruppe zugeordnet sind. Auf diese Weise können Sie den Zusammenhang zwischen Leistung, Benutzerengagement und Ihrem Unternehmen auf einen Blick erkennen.

Wie Sie in diesem Korrelationsdiagramm sehen können, erreicht die Conversion-Rate bei einer maximalen Content Draw (LCP)-Zeit von 1,1 Sekunden ihren Höhepunkt bei knapp über 6 %. Wenn das LCP langsamer wird, sinkt die Conversion-Rate schnell und fällt nach 2 Sekunden unter 3 %. Wie aus dem oben Gesagten hervorgeht, kann die Optimierung der Website-Leistung zur Reduzierung der LCP-Zeit zu insgesamt höheren Conversions und mehr Umsatz führen.

Wie schneidet Ihre Website im Vergleich zu Ihren Mitbewerbern ab?

Mit SpeedCurve Synthetik Wie bei der umfassenden Leistungsüberwachung können Sie einen Seitengeschwindigkeitstest auf jeder anderen Website durchführen, genau wie Sie es auf Ihrer eigenen Website tun würden. Das bedeutet, dass Sie alle dieselben umfangreichen, großartigen Daten, Screenshots und Folien zum Vergleich erhalten.

DeinWettbewerbsvergleich Über das Dashboard können Sie außerdem einen Drilldown durchführen und sich auf Dinge wie die Seitenerstellung konzentrieren. Diese Seite wird doppelt so schnell gerendert wie Ihre ... Was haben sie anders gemacht? Haben sie mehr JavaScript? weniger? Haben Sie 400 Anfragen gestellt und es wurden nur 80 gestellt? Hier erfahren Sie es.

Page Speed ​​Benchmarks ist ein öffentlich zugängliches Dashboard, das Ihnen einen Überblick über die aktuelle Leistung führender Einzelhändler in den USA, der EU, Großbritannien und Japan zeigt.

Erste Schritte mit der Leistungsoptimierung

Um ein großartiges und schnelles Online-Erlebnis zu bieten, stellen Sie sich zunächst zwei Fragen:

• Was führt dazu, dass meine Seite für Benutzer langsam erscheint?

• Was kann ich machen?

Die gute Nachricht ist, dass die meisten Probleme, die Ihre Käuferseite verlangsamen, auf Ihrer Seite auftreten, was bedeutet, dass Sie sie kontrollieren können. Hier finden Sie einen Überblick über die häufigsten Leistungsprobleme auf Einzelhandels-Websites und wie Sie diese verfolgen und beheben können.

Was führt dazu, dass Ihre Webseite langsamer wird? Die überwiegende Mehrheit der Leistungsprobleme wird durch vier Gründe verursacht:

• Dritte wie Tracker und Analysegeräte

• Stylesheet

• Benutzerdefinierte Schriftart

• Seitengröße, insbesondere Bildgröße

Skript eines Drittanbieters

Heutzutage kann eine typische Einzelhandelswebseite bis zu 75 Skripte von Drittanbietern enthalten, beispielsweise Tracker und Analyse-Beacons.

Drittanbieter bieten einen großen Mehrwert, indem sie die Conversions steigern (über Standort-Beacons) und Ihnen helfen, Ihre Benutzer besser zu verstehen (über Analyse-Tags), sodass sie nicht so schnell verschwinden. Sie können sich jedoch erheblich darauf auswirken, wie Ihre Seite gerendert wird (oder sogar, ob sie überhaupt gerendert wird!).

Was Sie tun können: Überwachen Sie die Leistung von Drittanbietern

Beginnen Sie mit einem proaktiven Ansatz, um potenzielle Leistungsschäden zu erkennen, die Dritte verursachen können.

Man kann nicht reparieren, was nicht gemessen wird.Das ist es, was wir in SpeedCurve erstellenDedizierte Dashboards von DrittanbieternGründe, damit Sie auf einen Blick sehen können, wie Dritte arbeiten, einzelne Skripte verfolgen undLegen Sie ein Leistungsbudget fest.

Nachdem Sie die Leistung Ihrer Drittanbieter-Skripte verstanden haben, können Sie historische Daten verwenden, um ein SLA mit dem Anbieter zu entwickeln.

Fallstudie: M&S revolutioniert die Leistung, indem es sich auf Inhalte von Drittanbietern konzentriert

Bild- und Seitengröße

Obwohl die Seitengröße nicht immer mit einer langsameren Benutzererfahrung einhergeht, ist dies häufig der Fall. Oftmals sind große, nicht optimierte Bilder die Ursache.

Neben der Optimierung Ihrer Bilder (um sicherzustellen, dass Sie Ihren Benutzern nicht 1 MB an Ressourcen zur Verfügung stellen!), sollten Sie auch sicherstellen, dass Ihre wichtigsten Bilder (z. B. Ihr Hauptproduktbild) so früh wie möglich gerendert werden.

Was Sie tun können: Erstellen Sie ein Leistungsbudget für bildbezogene Messwerte

Leistungsbudgets und Warnungen sind eine gute Möglichkeit, mit Leistungseinbußen umzugehen . Die Leistungsbudgetierung beginnt damit, dass sich Ihr Team (alle: Vermarkter, Designer und Entwickler) auf Grundsätze für Benutzererfahrung und Website-Geschwindigkeit einigt. Zuerst müssen Sie entscheiden, welche Kennzahlen Sie verfolgen möchten, und dann Schwellenwerte basierend auf der bisherigen Leistung festlegen.

Bei Bildern sind folgende Messwerte zu berücksichtigen:

• Maximale Inhaltsdarstellung – Dies ist die Größe des größten visuellen Elements (Bild oder Video) im Ansichtsfenster. LCP ist von GoogleKernnetzwerkmetrikenZum einen handelt es sich um eine Reihe von Messwerten für den Suchranking-Algorithmus von Google, daher ist es eine gute Idee, diese zu verfolgen.

• Bildgröße – Die Gesamtgröße aller Bilder auf der Seite. Auf diese Weise können Sie auf einen Blick erkennen, ob Ihrer Seite große, nicht optimierte Bilder hinzugefügt wurden.

• Bildanfragen – Die Gesamtzahl der Bilder auf der Seite.

Fallstudie: Wie Zillow mit kleinem Budget größer, schneller und ansprechender wurde

Stylesheet

Stylesheets sind ein Segen für das moderne Web. Sie lösen eine Vielzahl von Designproblemen, von der Browserkompatibilität bis hin zur Designwartung und -aktualisierung. Ohne Stylesheets hätten wir keine großartigen Dinge wie Responsive Design.

Allerdings können schlecht ausgeführte Stylesheets eine Reihe von Leistungsproblemen verursachen. Zu diesen Problemen gehört, dass das Herunterladen und Parsen von CSS zu lange dauert und schlecht platzierte Stylesheets verhindern, dass der Rest der Seite gerendert wird.

Was Sie tun können: Erfahren Sie, welche Stylesheets möglicherweise die Darstellung Ihrer Seite verhindern

Auch hier gilt: Was Sie nicht messen, können Sie nicht reparieren. Ihr umfassendes Überwachungstool kann Ihnen Folgendes sagen:

• Wie viele Stylesheets gibt es auf meiner Seite und wie viele davon verhindern das Rendern der Seite?

• Ist diese Zahl gestiegen oder gesunken?

• Wie groß sind CSS-Anfragen?

• Wie verhält sich das Stylesheet für jeden meiner Drittanbieter?

Benutzerdefinierte Schriftart

Benutzerdefinierte Schriftarten geben Designern eine beispiellose Kontrolle über die in ihren Designs verwendeten Schriftarten. Dieser Wunsch nach Kontrolle ist der Grund, warum benutzerdefinierte Schriftarten immer beliebter werden. Doch hinter dieser Popularität steht ein Leistungspreis.

Einige Schriftarten erfordern viel CSS-Code, während andere viel JavaScript oder externes Hosting erfordern – was die Seitendarstellung erheblich verlangsamen kann.

Was Sie tun können: Verfolgen Sie die Schriftgröße und die Rendergeschwindigkeit

Zusätzlich zur Verfolgung der Schriftgröße und der Anzahl der Anfragen können Sie mit SpeedCurve auch messen, wann das erste H1-Element mit dem Rendern fertig ist. (Bei SpeedCurve nennen wir diesen Indikator Hero H1. Es sind die dreiHelden-Renderingzeit eins. ) Wenn Ihre Website benutzerdefinierte Schriftarten verwendet, werden diese Schriftarten höchstwahrscheinlich auf die H1-Kopie angewendet, was diese Metrik zu einer effektiven Methode macht, um zu messen, wie schnell benutzerdefinierte Schriftarten dargestellt werden.

Wie bei allen anderen Kennzahlen, die wir für Sie erfassen, können Sie dies auch tunErstellen Sie Leistungsbudgets und erhalten Sie Benachrichtigungen, wenn diese Schwellenwerte überschreiten.

Fallstudie: NerdWallet nutzt H1-Render-Metriken, um die Ladegeschwindigkeit von Schriftarten um 30 % zu steigern