Home Technische Artikel Beyond Optimization – die Geheimnisse hinter den schnellsten Magento 2 -Stores
Applications

Beyond Optimization – die Geheimnisse hinter den schnellsten Magento 2 -Stores

About The Author

Outline

Ursprüngliche Quelle: Layer0

Die Optimierung der E-Commerce-Website für Geschwindigkeit war seit jeher eine wichtige Strategie, mit der Einzelhändler ihre Sichtbarkeit und Konversionsraten verbessern können. Jetzt ist die Geschwindigkeit der Website noch wichtiger. Google kündigte kürzlich ein bevorstehendes Update der Seitenerfahrung an, mit dem ein neuer Ranking-Algorithmus eingeführt wird, der Seiten anhand der Erfahrungen bewertet, die Nutzer auf ihnen haben. Dies bedeutet, dass langsame Seiten niedriger sind als ihre aktuelle Rangfolge, wenn das Update Anfang 2021 in Betrieb genommen wird.

Dies stellt eine große Herausforderung und eine Chance für Magento 2-Websites dar, die über die Strategie zur Optimierung von Fleisch und Kartoffeln hinausgehen und ihre Konkurrenz buchstäblich mit einer Instant-Website vernichten möchten, die in den Suchergebnissen von Google einen hohen Platz einnimmt.

Was ist Magento?

Magento ist eine führende eCommerce-Plattform, die von über 250.000 Online-Händlern weltweit genutzt wird. Um es in die richtige Perspektive zu bringen, nutzt jedes vierte E-Commerce-Unternehmen im Internet die Plattform.

Die offizielle Unterstützung für Magento 1 endete im Juni 2020, und die Migration auf Magento 2, die neueste Version der Plattform, erfordert eine vollständige Neufassung der Website. Für viele Einzelhändler bietet dies eine gute Gelegenheit, ihre Taktiken zur Geschwindigkeitsoptimierung zu überdenken und die besten Webtechnologien zu implementieren, die die Website-Performance und SEO verbessern.

Jede Sekunde zählt

In den letzten Jahren hat sich das Internet enorm beschleunigt. Das Nielsen Gesetz über die Internetbandbreite besagt, dass die Verbindungsgeschwindigkeit eines High-End-Benutzers jedes Jahr um bis zu 50 % zunimmt. Diese Regel gilt seit 36 Jahren, angefangen von lächerlich langsamen Einwählverbindungen bis hin zu den heutigen wahnsinnigen Breitbandgeschwindigkeiten. Laut Speedtest.net erreichen die heutigen Amerikaner durchschnittlich eine Downloadgeschwindigkeit von 135 Mbit/s und eine Uploadgeschwindigkeit von 52 Mbit/s über ihre festen Breitbandverbindungen.

So beeindruckend diese Zahlen auch sind, dies spiegelt sich nicht direkt in schnelleren Websites wider. Das Gleiche gilt für die Leistung des mobilen Internets. Während die Welt von ultraschnellen 5G-Netzwerkgeschwindigkeiten begeistert ist, haben sie selten etwas damit zu tun, wie schnell E-Commerce-Geschäfte und andere Websites sind. Ironischerweise haben sich die Ladezeiten mobiler Seiten in den letzten Jahren tatsächlich geändert.

Quelle:nngroup.com

Ein schnellerer, reibungsloser eCommerce-Store kann dem Benutzer mehr Produkte in einer einzigen Sitzung anzeigen. Dies wiederum erhöht die Konversionsraten. Im Idealfall sollten der Store und seine Oberfläche aus dem Weg gehen und nur eine Kulisse für ein großartiges Einkaufserlebnis darstellen.

Darüber hinaus bieten Sie, wie die meisten E-Commerce-Geschäfte, höchstwahrscheinlich ein Produkt in einem Markt an, in dem Menschen sehr preissensibel sind. Was die Dinge noch schlimmer macht: Ihre Mitbewerber bieten möglicherweise dieselben Produkte zu ähnlichen Preisen an. In diesem Fall könnten Ihre SEO-Rangliste und Ihre Website-Erfahrung zu den wenigen Möglichkeiten gehören, sich von anderen abzuheben. Und diese beiden sind mehr miteinander verbunden, als viele Verkäufer wissen.

Google bevorzugt schnelle Websites

Mit dem Update für die Google Page Experience in Kürze ist es wichtig, die Geschwindigkeit Ihrer Website genau zu beachten. Die Optimierung von E-Commerce-Websites im Hinblick auf Geschwindigkeit wurde 2020 und darüber hinaus als eine der wichtigsten Initiativen für viele Einzelhändler identifiziert. Und wenn die algorithmische Aktualisierung der Seitenerfahrung eingeführt wird, werden langsamere Websites schnell in Suchranglisten und SERP-Position abrutschen. Jetzt ist es an der Zeit, Maßnahmen zu ergreifen.

Auf der ersten Seite der Suchergebnisse von Google werden fast 95 % des Webverkehrs erfasst, während die restlichen SERP-Seiten nur noch 5 % betragen. Und obwohl Google immer sehr vage war, was den RankBrain-Algorithmus und die Gewichtung seiner verschiedenen Komponenten angeht, wissen wir sicher, dass die Geschwindigkeit ab 2021 eine Schlüsselrolle beim Sucherranking spielen wird. Dies ist sehr wahrscheinlich das erste Mal in der Geschichte, als Google den Kimono für die spezifischen Signale öffnet, die sich auf die Suchergebnisse auswirken.

Wenn Sie Ihren Magento 2 Store nicht auf Geschwindigkeit optimieren, riskieren Sie, organischen Verkehr und potenzielle Kunden zu verlieren. Viele Geschäfte – selbst große Marken –, die 2020 keine Maßnahmen ergreifen, sehen möglicherweise ihren Suchverkehr schwinden und erleiden erhebliche Umsatzverluste. Websites, die flüssigere, bessere und schnellere Erlebnisse bieten, werden die begehrtesten organischen Keywords dominieren.

Bieten Sie großartige Erlebnisse, nicht nur Produkte

Wie viele andere eCommerce-Plattformen wurde Magento 2 ursprünglich mit einem Backend- und Data-First-Ansatz entwickelt, wobei nur wenig auf das tatsächliche Endkundenerlebnis und die Geschwindigkeit der Website geachtet wurde. Ihr Fokus liegt auf SKUs, nicht auf Menschen. Die Optimierung der Website-Geschwindigkeit wird dadurch den Kunden, Systemintegratoren, Designern und Entwicklern der Plattformen belastet.

Egal, ob Ihr Geschäft auf Magento 2 oder einer anderen beliebten eCommerce-Plattform oder einem Backend-System läuft: Wenn Sie das schnellste Erlebnis bieten möchten, müssen Sie fortschrittliche, geschwindigkeitsorientierte Webtechnologien implementieren. Dafür müssen Sie zunächst kopflos arbeiten und ein tragbares Frontend aufbauen.

Sehen Sie sich dieses Webinar an, um einen Überblick darüber zu erhalten, was Headless eCommerce ist und warum es für sofortige Seitenaufladungen von grundlegender Bedeutung ist.

Lesen Sie weiter, um die wichtigsten Taktiken hinter den schnellsten Magento-Websites zu erfahren.

Die Technologie hinter Speedy Magento 2 Läden

Die Geschwindigkeit der Website ist besonders wichtig für eCommerce, da Online-Shopping von Natur aus ein sehr visuelles Erlebnis ist. Geschäfte sind in der Regel bildlastige Websites, und das Letzte, was Käufer sehen möchten, sind langsame Produktseiten, körnige Bilder und Scherze.

Wenn Sie Ihren Magento 2 -Speicher für Geschwindigkeit optimieren, können Sie eine Reihe von Taktiken implementieren, um ihn schneller zu machen: Verwenden Sie ein leichtgewichtiges Design, optimieren Sie Bilder, entfernen Sie den renderblockierenden javascript-Code usw. Sie können ein ganzes Team haben, das Ihre Website optimiert, aber das Problem ist, dass all diese standardmäßigen Techniken zur Geschwindigkeitsoptimierung Änderungen beinhalten, die normalerweise nach dem Tippen geschehen. Um Ihre Website wirklich schnell zu gestalten, ist eine Kombination von Technologien erforderlich, die unter der Haube ausgeführt werden, bevor der Kunde überhaupt auf etwas klickt. Sie müssen von der Reaktion auf das Tippen auf das Antippen übergehen und es vorwegnehmen (mehr dazu später).

Viele der geschwindigkeitsorientierten Webtechnologien erfordern die Trennung des Backends vom Frontend, d. h. die mobile Gestaltung des Frontends oder das Abonnement einer kopflosen Commerce-Architektur. Durch Headless können Sie die besten Lösungen für Ihr Frontend und Ihr Backend unabhängig voneinander verwenden, sodass Sie die schnellste Website auf dem Backend Ihrer Wahl bereitstellen können.

Sobald Sie Ihre Magento 2 eCommerce-Website kopflos nutzen, können Sie ein tragbares Frontend verwenden, das für Geschwindigkeit entwickelt wurde, wie eine Progressive Web App (PWA). Der Betrieb eines kopflosen Magento 2-Stores mit PWA-Frontend erfordert eine solide API-Abdeckung und eine gute Dokumentation.

Wenn Sie Headless betreiben, können Sie auch mit der Implementierung zusätzlicher Spitzentechnologien beginnen, die Ihre Website blitzschnell machen. Dazu gehören:

  • Tragbares 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-Kante und damit 5 Sekunden vor dem Käufer

Lassen Sie uns untersuchen, wie geeignet Magento 2 für die Implementierung dieser Technologien und die Unterstützung von E-Commerce-Websites im Sekundärbereich ist.

1. Magento 2-APIs

Ein Headless-Store verbindet das Frontend über APIs mit der Backend-eCommerce-Plattform. Bevor Sie kopflos werden, sollten Sie überprüfen, ob Ihre eCommerce-Plattform eine gute API-Abdeckung hat und ob Sie sich problemlos mit einer Ladenfront eines Drittanbieters verbinden können.

Magento bietet API-Abdeckung: SOAP- und REST-Endpunkte sind für alle Versionen verfügbar, und mit dem Magento 2-Update wurde eine native GraphQL-Unterstützung hinzugefügt. PWAs und Headless-Endpunkte können über die GraphQL-API erstellt werden. Die Anpassung des Codes und/oder des Datenbankschemas der Plattform kann jedoch die API-Kompatibilität beeinträchtigen.

  • Magento 1 API-Formate: REST, SOAP
  • Magento 2 API-Formate: REST, SOAP und das modernere GraphQL

Magento 2 macht es relativ einfach, APIs zur Unterstützung von Headless-Websites und PWAs mit GraphQL als Alternative zu den REST- und SOAP-Web-APIs für die Frontend-Entwicklung zu erstellen.

2. Ein PWA-Frontend für Magento 2 bauen

Moderne tragbare PWA-Frontends ähneln in vielerlei Hinsicht nativen Apps, und ihr Geschwindigkeitsvorteil ist offensichtlich, da die Website schneller erkundet wird – was Menschen beim Online-Shopping viel tun.

Ein PWA auf Magento 2 fühlt sich schneller an. Wenn Geschwindigkeit jedoch im Zusammenhang mit PWAs erwähnt wird, geht es mehr um Layoutstabilität als um Geschwindigkeit. Wenn Sie von Seite zu Seite wechseln, „hüpfen“ diese Seiten nicht wie auf einer herkömmlichen Website. Und die Benutzer nehmen dieses „herumhüpfen“ in der Regel als langsames Laden von Seiten wahr.

Wahrscheinlich haben Sie das schon oft gesehen: Sie betreten eine Website, und ein paar Sekunden später wird eine Anzeige oder ein Banner geladen, und alles verschiebt sich, wodurch das gesamte Thema nach oben oder unten verschoben wird. Dies führt zu unbeabsichtigten Klicks, Ablenkung und Frustration für den Käufer.

Ein PWA-Frontend löst dieses Problem. Magento PWA Studio ist eine Sammlung von Tools, mit denen Entwickler komplexe progressive Web-Apps auf Magento 2 aufbauen können. Leider ist PWA Studio nur für Magento 2,3 oder höher verfügbar, Versionen, auf die die meisten Verkäufer noch ein Upgrade durchführen müssen.

Zusammenfassend sind hier die vor- und Nachteile des Aufbaus eines PWA-Frontends, das auf Ihrem Magento 2 Store sitzt.

Magento 2 Vorteile bei unterstützten PWAs:

  • Magento bietet PWA-Unterstützung. Magento 2 ist mit den responsiven Designs Base und Luma sofort lieferbar. Für PWAs bietet Magento 2,3 ein Toolkit namens PWA Studio mit einem Grundthema namens „Venia“ an.
  • Bessere Layoutstabilität. Mit einem PWA-Frontend werden Magento 2 Seiten flüssiger gerendert, d. h. die Bilder „hüpfen“ beim Laden nicht herum, selbst auf bildschweren Seiten.
  • Geschwindigkeit. Wenn die PWA korrekt erstellt wurde, wird die Website schneller.

Bitte beachten Sie, dass die letzten beiden Vorteile auf serverseitigem Rendering basieren, das zwar möglich, aber nicht immer für PWA Studio-Frontends verfügbar ist. Mehr dazu später.

Die Herausforderungen bei der Bereitstellung von PWA-Frontends auf Magento 2:

  • Magentos nativ angebotene PWAs sind nicht wirklich schneller. Sie benötigen eine geeignete Infrastruktur, um blitzschnell zu werden. Manchmal kann eine PWA sogar Ihre Website verlangsamen, ohne dass die richtige Technologie dafür zur Verfügung steht (z. B. serverseitiges Rendering und CDN mit Edge-Computing). Viele große Läden machen diesen Fehler. Es klingt ein wenig widersinnig, aber es stimmt: Sie gehen in die PWA, um Geschwindigkeit zu erhöhen, aber Sie können Ihre Website möglicherweise verlangsamen. Unsere Analyse zeigt, dass die 500 größten E-Commerce-Websites in den USA, die PWAs bereitstellen, im Durchschnitt nur 4 Sekunden schneller geladen werden als die anderen Websites, die nicht PWA sind.
  • Ohne SSR und AMP ist der erste Klick immer noch langsam. Magento PWA Studio unterstützt SSR oder AMP nicht von Anfang an, sodass die ersten Seiten nicht so toll geladen werden können. Außerdem ist der erste Ladevorgang nicht so schnell, denn wenn Sie auf eine PWA zugreifen, laden Sie die gesamte „App“ herunter. Das Laden von PWAs auf der nächsten Seite ist deutlich schneller als herkömmliche, mehrseitige Websites.
  • Magentos PWA Studio ähnelt anderen Open-Source-Frontend-Optionen, aber PWA Studio ist speziell auf die Plattform ausgerichtet. Das bedeutet, dass Sie in das Magento-Ökosystem eingebunden bleiben, was den Wert des kopflosen Handels abschwächt.
  • Die Erstellung eines PWA auf Magento mit dem nativen PWA Studio erfordert ein anderes Skillset und eine andere Toolchain als die herkömmliche Magento-Entwicklung.
  • Magento PWA Studio ist nur für Magento 2,3 oder höher verfügbar. Der Großteil der Magento-Geschäfte wurde noch nicht auf Magento 2,3 umgestellt.

Insgesamt ist die Wahl eines portablen Open-Source-PWA-Frameworks (d. h. eines Frameworks, das nicht nativ in die Plattform integriert ist, aber eine natürliche API-Verbindung bietet) eine bessere Option als das vom Hersteller hergestellte Framework, das Magento in PWA Studio anbietet.

Frontend-Frameworks von Drittanbietern für Magento 2

Die Open Source- und vom Anbieter angebotenen Frontend-Optionen sind kostenlos, aber das vom Hersteller hergestellte Frontend ist nicht tragbar. Natürlich können Sie es wahrscheinlich mit etwas Aufwand auf eine andere Plattform bringen, aber es wurde sicherlich nicht dafür entwickelt. Von Händlern angebotene Frontends, wie sie mit PWA Studio erstellt wurden, werden von eCommerce-Plattformen entwickelt, um eine PWA-Antwort zu erhalten, nicht weil sie beabsichtigen, sie bei der Neuplatzierung mitzunehmen.

Wenn Sie nach einem PWA-Frontend suchen, das mit Ihrem Magento 2-Store kompatibel ist, suchen Sie idealerweise nach einem isomorphen Framework, d. h. einem Framework, das dieselbe Seite in zwei Versionen rendert. Man muss es nicht zweimal schreiben, sondern einmal schreiben. Die erste Seite wird serverseitig wiedergegeben, und die Navigation erfolgt clientseitig.

Es gibt einige isomorphe kopflose Frameworks, die Sie für Ihren Magento 2 -Store verwenden können, sobald Sie kopflos sind:

  • Next.js – ein großartiges React Framework für PWAs, das von Vercel entwickelt wurde,
  • Nuxt.js – genau wie Next.js, aber basierend auf Vue
  • React Storefront – basiert auf Next.js, bietet aber mehr Storefront-Funktionen, Widgets und Konnektoren für bestimmte Plattformen wie Magento, Shopify und SAP (Hybris). Layer0 ist ein wichtiger Beitrag zum Open-Source-PWA-Framework React Storefront.
  • Angle – ermöglicht die Erstellung tragbarer PWA-Frontends mit serverseitigem Rendering.

Diese vier Frameworks bieten sowohl Client- als auch serverseitiges Rendering. Das bedeutet, dass es bei der ersten Ladung keinen Kompromiss bei der Geschwindigkeit gibt – sowohl die erste als auch alle nachfolgenden Ladungen im Geschäft sind schnell. Außerdem wissen wir, dass Google Seiten mit kurzen Rendering-Zeiten liebt, was bei Anwendungen wie Stores weniger Chancen gibt, sich ohne SSR gut zu positionieren.

Komplexe E-Commerce-Websites sind oft mit JavaScript belegt und erfordern mehr Aufwand von Google, um sie zu crawlen und sinnvoll zu machen. Sie werden sagen, dass es keine Rolle spielt, aber Google mag kein Client-seitiges Rendering. Und es kann zu Fehlern und Problemen kommen, wenn Ihre Inhalte nicht richtig angezeigt werden. Im Idealfall sollten Sie nach einem PWA-Framework suchen, das serverseitiges Rendering sofort vornimmt – und das PWA Studio von Magento nicht.

Fazit: Das native PWA-Erlebnis, das Sie mit PWA Studio auf Magento 2,3 erhalten, bietet keine großen Geschwindigkeitsverbesserungen. Aber wenn Sie Magento PWA Studio auf Layer0 starten, erhalten Sie eine schnellere Website.

Ein schnelleres Magento 2 bauen

Kopflose, tragbare Frontends wie PWAs bieten viele Geschwindigkeitsvorteile. Eine gute PWA bringt Sie von langsam zu schnell, aber sie bringt Sie nicht sofort. Dazu müssen Sie modernste Technologien wie:

1. Serverseitiges Rendering (SSR) und AMP

Magento 2,3 bietet begrenzte Tools für die Implementierung von serverseitigem Rendering. Es wird durch Schnurrbart-Vorlagen als Teil der UPWARD-Spezifikation von Magento PWA Studio implementiert. True SSR führt den vollständigen clientseitigen Code auf dem Server aus (nicht nur Schnurrbart-Vorlagen). Daher ist SSR mit UPWARD auf bestimmte Bereiche (wie die App-Shell) beschränkt, oder Entwickler müssen den Code sowohl in den clientseitigen React-Code als auch in die serverseitigen Schnurrbart-Vorlagen für jede Seite oder jeden Bereich duplizieren, die SSR unterstützen muss.

Google AMP ist ein Open-Source-Framework zur Erstellung superschneller mobiler Webseiten durch Vereinfachung des HTML-Codes und Durchsetzung strenger Einschränkungen für CSS und JavaScript. Die durchschnittliche AMP-Seite wird nach der Suche in 500 Millisekunden geladen. Diese Seiten werden zwischengespeichert und auf dem Google-Server vorgerendert, sodass sie schnell bereitgestellt werden.

Die Herausforderungen bei der Implementierung von SSR und AMP im Magento 2 Store:

  • Magento bietet keine integrierte Unterstützung für AMP. Zur Unterstützung von AMP sind Erweiterungen von Drittanbietern und/oder die Neugestaltung Ihres bestehenden Designs erforderlich, um diese Funktionen eigenständig hinzuzufügen. Dies erschwert die Optimierung der Ladevorgänge der ersten Seite auf Mobilgeräten erheblich.
  • Auf Magento 2 erfordert die Unterstützung von True SSR mit UPWARD die Ausführung und Wartung einer Flotte von Node.js-Servern.

2. Ein modernes CDN

Ein Content Delivery Network (CDN) kann Mediendateien speichern. CDNs wurden entwickelt, um den Inhalt Ihrer Website schneller zu laden (Bilder, Videos und Code – JavaScript, CSS – und andere Teile Ihrer Website). Wenn jemand auf Ihre Website zugreift, verkürzt das CDN den Weg zu den Inhalten, sodass der Zugriff nicht über den gesamten Server im ganzen Land erfolgen muss. Mit dem CDN ist es in jeder größeren Stadt verfügbar, sodass die Zeit für den Zugriff auf diese Inhalte viel kürzer ist. Manche Menschen haben möglicherweise ein CDN, kennen es aber nicht einmal.

Herkömmliche CDNs sind für statische Websites gedacht, um Bilder, Text und andere Elemente zu speichern, die sich nicht oft ändern. Aber moderne Geschäfte mit dynamischen Preisen und Echtzeit-Bestandsabfragen benötigen viel mehr als das.

Selbst wenn mobile Netzwerke immer schneller werden und wir all diese 4G- und 5G-Geschwindigkeiten haben, bleiben mobile Websites immer noch mit derselben Geschwindigkeit, normalerweise etwa 3-5 Sekunden pro Seitenlast. Das ist noch nicht besser geworden, obwohl fast jede große E-Commerce-Website heute ein CDN verwendet.

Die Herausforderungen der Integration eines CDN in Magento 2

  • Die On-Premise-Version von Magento ist nicht standardmäßig mit einer CDN-Integration ausgestattet, obwohl Sie weiterhin das CDN Ihrer Wahl verwenden können.
  • Magento Commerce (Cloud) verfügt über ein integriertes Caching-Modul, ist aber kein echtes CDN. Es fehlen die verteilten Points of Presence (POPs), die ein echtes CDN haben würde.

Layer0 CDN-AS-JavaScript kann Ihr CDN ersetzen oder parallel dazu arbeiten. Wir haben fast 100 Pops. Websites auf Layer0 sehen eine durchschnittliche Cache-Trefferquote von 95 % und mehr für dynamische Inhalte an der Edge.

Planen Sie ein Beratungsgespräch, um zu erfahren, wie Layer0 Ihnen dabei helfen kann, Seiten in weniger als einer Sekunde auf Magento 2 zu laden.

Wir sind hier, um Ihnen zu helfen

Mit Layer0 ist die Bereitstellung eines schnellen, kopflosen Magento-Speichers äußerst einfach, von der Entwicklung und Bereitstellung bis hin zu einfachen Rollbacks. Sie können es für jedes moderne Headless-Frontend tun: Next, Nuxt, React, SAP/Spartacus, React Storefront, Vue Storefront – wir unterstützen alle.

Geschwindigkeit und Umbauhub. In Kombination mit einer höheren Konversionsrate und einer organischen Verkehrszunahme erzeugen Sie einen Synergieeffekt für Ihre E-Commerce-Website, der sich direkt in Einnahmen niederschlägt. Wenn Sie ein schnelleres Geschäft betreiben, werden Sie nicht nur im SERP höher. In wettbewerbsfähigeren Märkten bedeutet dies, dass Ihre Wettbewerber den Traffic auf Ihre Website verlieren. Websites auf Layer0 verzeichnen einen durchschnittlichen Anstieg der Konversionsraten und des Suchverkehrs um 15 bis 30 %.

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.

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.

Upgrade von Magento 1 auf Magento 2 innerhalb von 12 Wochen UND hol dir eine Website in weniger als einer Sekunde.

Echte A/B-Tests. A/B-Tests verlangsamen Ihre Website. Es wäre sinnlos, eine Website für Geschwindigkeit optimiert zu haben und dann A / B Tests ruinieren Ihre Bemühungen. Mit Layer0 (Edgio) können Sie auf Ihrer Website experimentieren, aber trotzdem sofort. Beispiel: Sie können canary Deployments für 5 % der Benutzer durchführen. Mit Layer0 schreiben Sie Routenregeln, wie Sie Ihre Anwendung schreiben, und Sie haben die volle Kontrolle über die Aufteilung des Datenverkehrs.

Layer0 verfügt außerdem über Leistungsüberwachung und Dashboards, um alles zu verfolgen.

Unbegrenzte Skalierung. Selbst am Black Friday wird Layer0 automatisch skaliert, um erhöhten Traffic in deinem Store zu absorbieren. Wenn ein Drittel der US-Käufer jeden Monat eine Website auf Layer0 besucht, wissen Sie, dass Sie in guten Händen sind.

Sicherheit. Der Layer0 ist für Unternehmen geeignet, PCI Level 1 DSS-zertifiziert und bietet standardmäßig Unterstützung für WAF, DDoS und Bot-Abwehr.

Wie erfolgreiche Geschäfte das machen: AKIRAS Instant Magento 2 Store auf dem Layer0

Eine Instant-E-Commerce-Website kann sich massiv auf Ihr Geschäftsergebnis auswirken. Das haben wir bei unseren Kunden schon oft gesehen. Der Geschenke- und Blumenriese, 1-800-Flowers, verzeichnete beispielsweise einen 50%igen Anstieg der Konversionsrate von seiner weniger als einer zweiten Website. Venus Fashion ist ein weiteres Beispiel: Der Modehändler stieg von 15,25 % seiner Website in weniger als einer Sekunde auf 72 75 % auf Layer0, was zu einem Anstieg der Conversions um 24 % führte.

Der Modehändler AKIRA erhöhte seine Konversionsrate um 37 % mit einer weniger als einer Sekunde langen Website auf Layer0. AKIRA durchlief sofort eine Kombination fortschrittlicher Technologien:

  • Eine blitzschnelle E-Commerce-PWA, die mit React Storefront entwickelt wurde
  • Serverseitiges Rendering und AMP-Unterstützung
  • Prädiktives Prefetching
  • CDN-AS-JavaScript mit Edge-Computing-Funktionen

Die ersten beiden sorgen für blitzschnelle Seitengeschwindigkeiten von der Landung bis zur Kasse. Die letzten beiden stellen sicher, dass die Website dem Käufer 5 Sekunden voraus ist, indem sie den nächsten Schritt vorhersagt, die JSON-Daten von der Edge, an der sie zwischengespeichert wurden, vorab abruft und sie an den Browser streamt. Auf diese Weise hat der Benutzer das Gefühl, dass die gesamte Website bereits auf seinem Telefon ist und es keine Vorstellung mehr von einem „Seitenladevorgang“ gibt.

Reibungslose AMP-Unterstützung für schnelleren Suchverkehr und bessere SEO

AKIRA übertrumpft Amazon, Nordstrom, Zappos und andere milliardenschwere Konkurrenten um Schlüsselsätze. Wie? Der Modehändler liefert durch die AMP-Konvertierungstechnologie von React Storefront sofort erste Ladungen aus der Suche.

Jede Seite der Website des Händlers erhält eine automatisch generierte AMP-Version. Dies verschafft dem Einzelhändler den Wettbewerbsvorteil, der erforderlich ist, um eCommerce-Giganten mit viel größeren Teams und Budgets für die Suchmaschinenoptimierung zu übertreffen.

SSR für schnelleren Datenverkehr ohne Suchfunktion

AKIRA verwendet die integrierte Layer0-Funktion für das serverseitige Rendering, um sofort erste Ladevorgänge für nicht-Suchkanäle bereitzustellen. Anzeige-, Social-, E-Mail-, Empfehlungs- und sonstiger Datenverkehr, der nicht zur Suche dient, wird im Durchschnitt nur nördlich einer Sekunde angezeigt, wobei die nachfolgenden Seiten in 500 ms geladen werden. Dies ist ein ziemlicher Wettbewerbsvorteil in einem Markt, der durchschnittlich 3-5 Sekunden pro Seitenlast beträgt.

Sofortiges Laden der ersten Seite aus der Suche mit integrierter automatischer AMP-Konvertierung auf Layer0

Die vollständige AKIRA-Fallstudie finden Sie hier.

Zusammenfassung

Moderne Verbraucher sind wackelig und anspruchsvoll und verlassen möglicherweise Ihre eCommerce-Website, wenn es die geringsten Schluckauf in der Erfahrung gibt. Da Google sich verstärkt auf die Geschwindigkeit der Website konzentriert, haben Online-Einzelhändler keine Ausreden, um eine nicht standardmäßige Website-Performance anzubieten.

Wenn Sie von einer langsamen Website-Geschwindigkeit heimgesucht werden, ist es an der Zeit, Maßnahmen zu ergreifen. Da das Page Experience Update Anfang 2021 live geht, werden langsamere Websites in die Suchrangliste eindringen. Unabhängig davon verdienen Ihre Benutzer eine bessere Erfahrung und Sie verdienen eine bessere SEO. Geschwindigkeit wird für Nutzer und Suchmaschinen weiterhin an Bedeutung gewinnen, was Traffic und Conversion-Aufschwung zu sekundären Gewinnen führt.

Aber warum sollten Sie den enormen Aufwand aufwenden, um Ihre Website für Geschwindigkeit zu optimieren, wenn Sie die Konkurrenz einfach überspringen und sofort loslegen können? Wenn Sie PWA oder SPA auf Magento 2 haben, garantieren wir auf Layer0 (Edgio) eine mittlere Seitengeschwindigkeit von weniger als 500 ms. Wir garantieren diese Geschwindigkeitsverbesserung auch dann, wenn Sie über eine herkömmliche Website auf Magento (oder einer anderen eCommerce-Plattform) verfügen.

Dies ist möglich, weil Layer0 (jetzt Edgio) das Konzept der Geschwindigkeitsoptimierung zurückkehrt und alle schweren Schritte vor dem Tippen des Käufers (über Prefetching und Edge Caching) durchführt, ohne dass die Seitenrender nach dem Tippen optimiert werden. Auf diese Weise halten wir Ihre Website 5 Sekunden vor dem Käufer.