Das 2021 erschienene Page Experience Update von Google wird das SEO-Regelwerk wieder einmal neu schreiben, wodurch die Geschwindigkeit der Website für die Sichtbarkeit erhöht wird. Da der neu gewichtete Google-Algorithmus Seiten in der Gesamterfahrung stärker einordnet, werden langsame E-Commerce-Stores sogar noch niedriger sein als zuvor.
Diese Änderung kann die SERP-Position vieler großer Einzelhändler, die ihre Geschäfte in der Salesforce Commerce Cloud betreiben, sowie derjenigen, die andere Arten von eCommerce-Plattformen nutzen, ernsthaft beeinträchtigen. Aber die Veränderung könnte auch als potenzieller Segen in Tarnung gesehen werden, ein dringend benötigter Prod für Betreiber, um mehr zu tun und über die standardmäßigen Optimierungstaktiken hinauszuschauen, einschließlich Bildoptimierung, Lazy Loading, CDN, Tag-Manager oder Implementierung von AMP.
In diesem Beitrag sehen wir uns die Möglichkeiten an, Salesforce Commerce Cloud (kurz SFCC) auf den neuesten Stand zu bringen und eine schnelle, hochperformante Website zu betreiben, die in den Suchergebnissen von Google einen hohen Stellenwert einnimmt. Oder wie Sie, anstatt die kostbaren Dollar auszugeben, um die Ladezeiten nur eine Sekunde zu verkürzen, eine Website zum sofortigen Laden mit halbem Aufwand bereitstellen können.
Das bevorstehende Ranking-Update von Google ist nicht nur die Laune eines Riesen, die eCommerce-Landschaft zu erschüttern. Es passt perfekt zu den aktuellen Trends im E-Commerce und verleiht hochperformanten, schnellen Websites zu Recht mehr Anerkennung. Die Geschäfte konkurrieren nicht nur in Bezug auf Preis und Servicequalität, sondern immer mehr in Bezug auf das Gesamterlebnis.
Es ist kein Geheimnis, dass die Salesforce Commerce Cloud wie viele andere eCommerce-Plattformen auf eine Art und Weise konzipiert wurde, die sich hauptsächlich auf die Kernfunktionen des Unternehmens konzentriert: Die Anzeige von Produktinformationen zusammen mit der Preisgestaltung und die Bereitstellung eines funktionalen Backends für die Verwaltung ihrer Bestände. Die Optimierung der Website-Geschwindigkeit wird den Kunden, Systemintegratoren, Designern und Entwicklern der Plattformen überlassen.
Ganz sicher nicht. Geschwindigkeitsprobleme durchdringen alle gängigen SaaS-eCommerce-Plattformen, einschließlich Magento, Shopify Plus, Oracle Commerce Cloud, BigCommerce und SAP Commerce Cloud (Hybris). In anderen Beiträgen in unserem Blog haben wir über die Optimierung dieser Plattformen für Geschwindigkeit geschrieben.
Im April 2020 haben wir eine Studie durchgeführt, in der wir die Google Lighthouse-Scores der führenden 500 US-Internethändler (IR500) untersucht haben, um herauszufinden, welche eCommerce-Plattform durchweg die schnellsten Websites bereitstellt. Leider kam die Schlussfolgerung, dass die meisten IR500-Websites überraschend langsam laufen, unabhängig von ihrer eCommerce-Plattform. Unsere Daten haben sogar ergeben, dass interne Systeme die führenden eCommerce-Plattformen um 61 % übertreffen.
Die durchschnittlichen Lighthouse-Bewertungen für Websites auf den führenden eCommerce-Plattformen Salesforce Commerce Cloud, Magento, Shopify, SAP Commerce Cloud (Hybris) und Oracle Commerce Cloud lagen bei nur 18,7 (Median 15).
Salesforce Commerce Cloud erzielte im Durchschnitt 18,5 Punkte, die mit Magento vergleichbar waren. Die medianen Scores betrugen 17 für SFCC und 13,5 für Magento. Im Gegensatz dazu war die durchschnittliche Performance-Bewertung für Websites, die interne/hauseigene eCommerce-Systeme verwenden, 15 % höher als die IR500 und durchschnittlich 30 %. Vielleicht ist dies einer der Gründe, warum fast ein Fünftel der IR500-Websites eine interne E-Commerce-Lösung verwendet.
Salesforce Commerce Cloud ist eine hochgradig skalierbare, Cloud-basierte Software-as-a-Service-eCommerce-Plattform. Salesforce fügt regelmäßig neue Funktionen und Funktionen hinzu, von denen einige angeblich helfen sollen, die kostbaren Sekunden beim Laden Ihrer Seiten zu sparen. Tatsächlich scheint das neue Beta-Angebot der Commerce Cloud API vielversprechend zu sein, ist aber noch zu früh, um es beurteilen zu können.
Sehen wir uns nun Ihre Optionen an, um Ihre Salesforce Commerce Cloud auf den neuesten Stand zu bringen.
Die Bildoptimierung ist eine Standardtaktik für viele E-Commerce-Websites. Angesichts der hohen Bilddichte der heutigen eCommerce-Websites für Unternehmen können selbst winzige Einsparungen bei Bildern – wenn sie auf großen Websites implementiert werden – kumulativ zu erheblichen siteweiten Vorteilen führen.
Solche Optimierungstaktiken können Folgendes umfassen:
- Implementierung eines CDN, um die Assets aus engeren Points of Presence (POPs) zu bedienen
- Verlustfreie Komprimierung von Bildern beim Hochladen
- Langsames Laden von Bildern, die weit unter dem Falz erscheinen, besonders auf den längeren Angebotsseiten für Produktkategorien
Der Dynamic Imaging Service (DIS) optimiert die Bereitstellung von Bildern an die Salesforce-Storefront. Der Händler muss keine Versionen von jedem Bild in unterschiedlicher Größe hochladen.
DIS nimmt ein einzelnes hochauflösendes Bild auf, transformiert es dynamisch und liefert es dem Ladengeschäft. Mit den DIS-Transformationsparametern können Sie die Einstellungen für Größe, Zuschnitt, Überlagerung, Format, Hintergrundfarbe und Qualität eines Bildes steuern.
DIS macht es überflüssig, Ihre Merchandising- oder Kreativbilder im Voraus stapelweise verarbeiten zu lassen, um sie webfreundlich zu machen. Mit einem einzelnen Bild liefert DIS die richtigen Größen für jede Bildanwendung, einschließlich Produktseite, Kategorieseite, Abschnitt empfohlene Produkte, Suchergebnisse und mehr.
Kurze Antwort: Nein Zumindest nicht allein.
Viele Betreiber gehen davon aus, dass DIS den Standort schneller machen kann, aber in der Dokumentation zu DIS wird Geschwindigkeit nicht direkt als Vorteil erwähnt. Die Vorteile von DIS hängen von der Installation ab, führen jedoch nicht unbedingt zu einer Geschwindigkeitsverbesserung, da die Bilder in Echtzeit verarbeitet werden.
Salesforce Commerce Cloud enthält bereits einige Framework-Vorlagen.
- Storefront Reference Architecture (SFRA)
- Mobile First Reference Architecture (MFRA)
- SiteGenesis (ältere Referenzarchitektur von Salesforce)
Storefront Reference Architecture ist die neueste Salesforce Framework-Vorlage. Es wurde für ein modernes Design entwickelt, das auf Mobilgeräte ausgerichtet ist, und zielt darauf ab, Einzelhändlern beim Bau von Geschäften auf SFCC eine Referenz für die Architektur zu bieten. Es umfasst vorgefertigte Integrationen mit der Salesforce Commerce Cloud API, Datenobjekten und Technologien von Drittanbietern über das Commerce Cloud LINK Technology Partner Program. Es verwendet vordefinierte Widgets/Integrationen mit Datenobjekten, APIs und Elementen von Drittanbietern. Es ist eine Weiterentwicklung der alten Demandware Site Genesis (1,0 und 2,0) Programme.
Storefront Reference Architecture ist als Tool zur Verringerung der Anforderungen an die Standortentwicklung bei Frontend-Änderungen (d. h. dem primären Geschäftsszenario) gedacht und nicht als Tool zur Verbesserung der Seitenladegeschwindigkeit. Dies liegt daran, dass die Integrationen weiterhin Technologien und Skripte von Drittanbietern auf der Seite einführen, die die Seite von Natur aus verlangsamen.
Kurze Antwort: Nicht wirklich. Dafür wurde es nicht entworfen.
Mit einem adaptiven Designansatz kann Salesforce Reference Architecture die wahrgenommenen mobilen Lasten und die serverseitigen Ladezeiten verbessern. SFRA enthält auch mehrere vorverbundene Integrationen mit dem SFCC-Backend, was bedeutet, dass sie theoretisch besser funktionieren sollten als benutzerdefinierte integrierte Integrationen.
Aber SFRA allein macht Ihr Geschäft nicht viel schneller! Sie ermöglicht eine einfachere Standortentwicklung und senkt die Gesamtbetriebskosten. In einigen Fällen kann es jedoch zu einer Verschlechterung der Ladezeiten kommen, je nachdem, wie viele Skripte und Technologien von Drittanbietern vom Builder eingeführt wurden.
Insgesamt bietet SFRA nur minimale Geschwindigkeitsvorteile. Vor allem, weil 75 % der Seitenladezeit aus verschiedenen JavaScript-, Bild- und HTML-Anwendungen von Drittanbietern stammen. Und in den meisten Fällen gibt es einfach keinen Weg daran zu umgehen. Zusätzliche Zeitverluste können dem Design, der Bildgröße und der Position der Bilder zugeschrieben werden, von denen keine in irgendeiner Weise durch SFRA beschleunigt wird.
Sie können verschiedene Taktiken implementieren, wenn Sie Ihren Salesforce Commerce Cloud-Store für Geschwindigkeit optimieren. Sie können ein reduziertes Design verwenden, Ihre Bilder optimieren, die Anzahl der Tags reduzieren (oder einen Tag-Manager verwenden) und den Renderblockierenden JavaScript-Code entfernen, um nur einige zu nennen. All diese Techniken zur Geschwindigkeitsoptimierung haben eines gemeinsam: Sie konzentrieren sich auf die Optimierung der Bereitstellung von Inhalten, die angezapft und angefordert wurden. Hier sind einige Beispiele für beliebte Taktiken, die versuchen, Dinge zu optimieren, die nach dem Tippen passieren:
- Verzögertes Laden
- Unnötige Salesforce Commerce Cloud-Apps deinstallieren
- Defekte Verknüpfungen werden entfernt
- Entfernen der Seiten „Eigengewicht“
- Verbesserung der mobilen Leistung mit AMP
Aber das ist nur die Hälfte der Schlacht. Um dem endlosen Zyklus der Geschwindigkeitsoptimierung zu entfliehen, müssen Sie sofort handeln. Um Ihre Website sofort (oder in Sekundenschnelle) zu gestalten, ist eine Kombination von Technologien erforderlich, die funktionieren, bevor der Kunde auf etwas klickt. Dies bedeutet, dass die Nutzer nicht auf sie reagieren, sondern nur antizipiert werden.
Ganz gleich, ob Ihr Geschäft mit Salesforce Commerce Cloud oder einer anderen eCommerce-Plattform oder einem Backend-System betrieben wird – um die schnellste Erfahrung zu bieten, müssen Sie fortschrittliche, geschwindigkeitsorientierte Webtechnologien implementieren. Und dafür müssen Sie zuerst kopflos sein und ein tragbares Frontend bauen.
Viele geschwindigkeitsorientierte Webtechnologien erfordern die Trennung des Backends vom Frontend, d. h., dass das Frontend des Ladens tragbar gemacht werden muss oder eine kopflose E-Commerce-Architektur abonniert wird. Dadurch wird es einfacher, geschwindigkeitsorientierte Verbesserungen am Front- und Backend eigenständig umzusetzen. Und das bedeutet auch, dass Sie die schnellste Website auf dem Backend Ihrer Wahl bereitstellen können.
Um ein schnelles PWA-Frontend (Progressive Web App) zu erstellen, müssen Sie Ihren Salesforce Commerce Cloud-Shop kopflos nutzen. Dazu benötigen Sie eine solide API-Abdeckung, mit der Sie es mit dem SFCC-Backend verbinden können. Anschließend können Sie mit der Implementierung einer Reihe modernster Technologien beginnen, die Ihre Website blitzschnell machen, darunter:
- 1Tragbares Frontend für schnelle Surfübergänge
- Serverseitiges Rendering (SSR) und AMP-Unterstützung für blitzschnelle erste Ladevorgänge.
- Prädiktives Prefetching
- Ein hochmodernes CDN mit Edge-Computing zur Optimierung der Cache-Trefferraten für dynamische Inhalte an der Edge-Ecke und damit 5 Sekunden vor dem Käufer
Sehen wir uns an, wie die Salesforce Commerce Cloud für die Implementierung dieser Technologien und die Unterstützung von E-Commerce-Websites in weniger als einer Sekunde geeignet ist.
Die Open Commerce API (OCAPI) ist eine RESTful API, die von der Salesforce Commerce Cloud verwendet wird und aus drei Komponenten-APIs besteht:
- Shop-API – bietet Zugriff auf die digitale Storefront-Funktionalität der Commerce Cloud
- Daten-API – bietet Zugriff auf Konfiguration und Integration digitaler Anwendungen auf Objektbasis
- Meta-API – bietet Zugriff auf eine formale Beschreibung der Ressourcen und Dokumente, die in der Open Commerce-API verfügbar sind.
Allgemeine Informationen zur Verwendung der Open Commerce API finden Sie unter API-Verwendung.
Es ist wichtig zu beachten, dass SFCC zusätzlich zur OCAPI-API eine neue CCAPI-Schicht in Beta hat.
Das Beta-Angebot scheint vielversprechend zu sein, aber es ist noch zu früh, um zu beurteilen, inwieweit es schnelle, kopflose Ladenfronten unterstützen wird.
Die Salesforce Commerce Cloud unterstützt AMP oder SSR nicht vorab. Darüber hinaus können Pipeline-Implementierungen in einer kopflosen Architektur schwieriger zu unterstützen sein.
Salesforce Commerce Cloud bietet keine PWA-Tools an, die sofort einsatzbereit sind.
Sie haben jedoch zwei Optionen, um eine progressive Web-App auf SFCC zu erstellen
- Erstellen einer PWA von Grund auf direkt auf SiteGenesis oder Storefront Reference Architecture (SFRA)
- Die IT-Lösung basiert auf einem Front-End-as-a-Service, das in die Commerce Cloud integriert werden kann
Moderne tragbare PWA-Frontends bieten App-ähnliche Geschwindigkeiten. Das Erkunden der Website geht schneller – dies ist besonders in Online-Shops zu beobachten. Ein natives Feeling sorgt dafür, dass sich PWA auf SFCC schneller anfühlt als die Konkurrenz.
Der Gesamtgeschwindigkeitsvorteil ist bei der standardmäßigen Geschwindigkeitsoptimierung begrenzt. Solche Bemühungen werden oft von sinkenden Erträgen gesteuert, was darauf hindeutet, dass der Gewinn oder Nutzen, der durch die Optimierung erzielt wird, irgendwann geringer ist als die investierte Geld- oder Energiemenge.
Edgio kehrt das Konzept der Geschwindigkeitsoptimierung zurück und erledigt das ganze schwere Heben für Sie, bevor die Käufer tippen. Durch die Verwendung von erweitertem Prefetching und einem modernen CDN mit Edge-Caching können Sie gecachte JSON-Daten vom Edge zum Browser streamen, je nachdem, was der Kunde als Nächstes erwartet, anstatt die Seitenrenderstellung nach dem Tippen zu optimieren. Auf diese Weise hält Edgio Ihre Website dem Käufer jederzeit 5 Sekunden voraus.
Layer0 (Edgio) ist die einzige Plattform, die Ladezeiten von weniger als einer Sekunde für große datenbankbasierte Websites wie eCommerce- und Travel-Websites mit Millionen von Seiten garantiert. Und Sie müssen nicht unser Wort dafür akzeptieren: Wir haben Dutzenden komplexer Geschäfte geholfen – mit Dutzenden von Tags, Echtzeitbestand und dynamischer Preisgestaltung – und ihnen dabei geholfen, weniger als eine Sekunde zu erreichen. Nehmen Sie sich eine Minute Zeit, um auf Ihrem Telefon durch zwei blitzschnelle SFCC-Websites zu blättern, Shoe Carnival oder Kate Spade, und erleben Sie die Geschwindigkeit, die Sie auf Layer0 erreichen können. Wir können das Gleiche für dich tun.
Unser Ziel bei Layer0 ist es, das Internet sofort und einfach zu gestalten. Websites auf Layer0 sehen mediane Seitenladezeiten von 320 ms (FCP) und zweistelligen organischen Traffic- und Conversion-Auftrieb.
Layer0 (jetzt Edgio) ist eine All-in-One-Lösung für die Entwicklung, Bereitstellung, Vorschau, Experimentierung, Überwachung und den Betrieb Ihres Headless-Frontends. Es umfasst ein anwendungsfähiges CDN-AS-JavaScript mit Vorschauumgebungen für den gesamten Stapel, integriertem serverseitigem Rendering, erweitertem Prefetching und vollständiger Kontrolle über Caching und Datenverkehr. Edgio sorgt dafür, dass Sie jede Millisekunde aus jeder Optimierungsmaßnahme herausquetschen. Tatsächlich garantieren wir das Laden von Seiten unter 500 ms im Median für große, dynamische Websites, die auf Layer0 ausgeführt werden.
Der Salesforce Commerce Cloud-Store von Shoe Carnival wurde von 6 Sekunden auf 500 Millisekunden auf Layer0 (Edgio) umgestellt.
Mit Layer0 ist die Einrichtung eines schnellen, kopflosen SFCC-Stores von der Entwicklung und Bereitstellung bis hin zu einfachen Rollbacks äußerst einfach. Sie können es für jedes moderne Headless-Frontend tun: Next, Nuxt, React, Angular SAP/Spartacus, React Storefront, Vue Storefront – wir unterstützen alle.
Im Folgenden finden Sie einige der Vorteile, die Sie mit dem Betrieb Ihres Salesforce Commerce Cloud-Stores auf Layer0 erzielen können:
Geschwindigkeit
Indem Sie einen schnelleren Store betreiben, bieten Sie Ihren Kunden das bestmögliche Erlebnis und erhöhen Ihre Chancen, im SERP zu steigen. KateSpade.com und ShoeCarnival.com sind nur einige Beispiele für Salesforce Commerce Cloud-Websites, die in weniger als einer Sekunde auf Layer0 geladen werden. Tatsächlich ging der Shoe Carnival von 3,4 Sekunden nach dem Laden der ersten Seite und 6 Sekunden nach dem Surfen auf eine Website zurück, die in weniger als einer Sekunde geladen wurde. Auf Layer0 sind die ersten Lasten jetzt um 70 % schneller, mit einer mittleren Ladezeit von 1 Sekunde. Nachfolgende Seitenladevorgänge werden um erstaunliche 92 % auf nur 500 ms reduziert.
Einfachheit
Bei Layer0 ist es unser Ziel, das Internet sofort und einfach zu gestalten – auch wenn wir den Headless-Trend unterstützen, was keine einfache Aufgabe ist. Websites auf Layer0 verzeichnen eine 20%ige Steigerung der Entwicklergeschwindigkeit und Unternehmensflexibilität, da sie den Code mit unserer serverlosen JavaScript-Plattform in den Mittelpunkt ihres Workflows stellen. Mit Layer0 schreiben Sie Routing-Regeln, wie Sie Ihr Frontend schreiben – es ist eine vollständige JavaScript-Plattform.
Zusammenarbeit
Jedes Mal, wenn Sie neuen Code schreiben, wird automatisch eine Pre-Production-Umgebung generiert. Ihre QS-Mitarbeiter und Interessenvertreter können ihn testen und Feedback geben, bevor der Code überhaupt zusammengeführt wird.
Da Google das Page Experience Update Anfang 2021 in Betrieb nimmt, verlieren langsamere Websites ihr Ranking zugunsten ihrer schnelleren Konkurrenten. Geschwindigkeit wird für Nutzer und Suchmaschinen weiterhin an Bedeutung gewinnen, da sie Traffic und Conversion Lifts bietet.
Die Schrift steht an der Wand: Online-Händler haben keine Entschuldigungen, eine nicht standardmäßige Website-Performance anzubieten. Es ist höchste Zeit, Maßnahmen zu ergreifen. Dies ist eine Gelegenheit für E-Commerce-Underdogs, ihre größeren Wettbewerber aufzuholen oder zu schlagen. Und am einfachsten ist es, Ihre Website in Sekundenschnelle zu verwandeln.
Die Optimierung Ihres Salesforce Commerce Cloud-Stores kann viel Zeit und Mühe in Anspruch nehmen, und die Ergebnisse können möglicherweise nicht garantiert werden. Aber wir haben alles für Sie! Mit Layer0 kannst du die Konkurrenz überspringen und sofort loslegen.
