Vergleich von Magento Theme mit PWA Storefront
Veröffentlicht: 2020-10-21Inhaltsverzeichnis
Da Progressive W eb App überall der neue Ansatz für die Webentwicklung ist, hat Magento selbst auch nicht stillgestanden und mit PWA Studio einen neuen Weg eingeführt, um mehr PWA-Einführungen voranzutreiben. Um Ihnen zu helfen, diesen neuen Ansatz besser zu verstehen, versucht unser heutiger Artikel, die PWA-Storefront mit dem traditionellen Magento-Theme zu vergleichen und Ihnen bei der Entscheidung zu helfen, ob sich dieser neue Ansatz wirklich lohnt.
Ein Magento-Theme verstehen
Definition
Das Magento-Thema ist, in Laiensprache ausgedrückt, eine Kombination aus benutzerdefinierten Vorlagen, Layouts, Stilen und Bildern, um Ihrer Storefront und Ihrem Magento-Adminbereich ein einheitliches Erscheinungsbild zu verleihen.
Wie es funktioniert
Die traditionellen Magento-Designs folgen einem Vererbungskonzept, was bedeutet, dass benutzerdefinierte Magento-Designs immer auf einem von Magento (Blank) bereitgestellten Basisdesign aufbauen und in Bezug auf die Funktionalität stark von der Magento-Kernanwendung abhängig sind. Das Magento-Theme ist so konzipiert, dass es für technisch nicht versierte Händler wie Sie einfach installiert und konfiguriert werden kann, aber aufgrund der inhärenten Nachteile der verwendeten Infrastruktur (herkömmliches CMS) mit eigenen Einschränkungen verbunden ist.
Beispiele
Magento-Themes sind auf verschiedenen Plattformen im Internet zu finden, insbesondere auf dem Magento-Marktplatz und ThemeForest. Speziell auf ThemeForest gibt es beispielsweise über 600 Magento-Themes und Templates in verschiedenen Branchen.

PWA Storefront und wie es anders ist
Definition
Kurz gesagt, eine PWA-Storefront ist eine Storefront, die von Progressive Web App unterstützt wird, der neuesten Weiterentwicklung des Webs, um modernste Funktionen und Leistungsverbesserungen voranzutreiben.
Wie es funktioniert
Im Gegensatz zu dem in Magento-Themen verwendeten Vererbungskonzept sind PWA-Storefronts aufgrund der Art und Weise, wie ihre Infrastruktur verbunden ist, flexibler – kopflos und vom Magento-Backend entkoppelt. Diese Infrastruktur wird durch den Einsatz von Entwicklungstools wie PWA Studio ermöglicht, um sicherzustellen, dass die Storefront(s) modular aufgebaut und mit den neuesten Funktionen und Technologien ausgestattet sind.
Beispiele
Die PWA-Storefront hinkt mit der Anzahl der verfügbaren Beispiele noch hinterher, aber es wird immer besser. Für ein Basis- und Barebone-Erlebnis empfehlen wir die Venia-Storefront von Magento oder unsere eigene Siminia-Storefront. Und falls Sie ein fesselnderes Erlebnis wünschen, sollte die Mode-Schaufensterfront genau das Richtige für Sie sein, da sie auf die Modebranche zugeschnitten ist, um einen besonderen Fokus auf das Visuelle zu legen.

Vergleich des Magento-Themes mit der PWA-Storefront
Überblick
PWA-Storefronts sind als langfristige, praktische, wenn auch herausfordernde Lösung sinnvoller – aber das bedeutet nicht, dass Magento-Themes auch keinen Platz haben, da es immer noch eine großartige Möglichkeit für neue Magento-Händler ist, die Plattform kennenzulernen und Erfahren Sie mehr über die Grundlagen einer Magento-Storefront und darüber, wie eine ansprechende Storefront mehr Conversions erzielen kann.
Magento-Theme | PWA-Schaufenster | |
---|---|---|
Erleichterte Installation | ✓ | X |
Anzahl der Themen/Schaufenster | ✓ | X |
Flexibilität und Skalierbarkeit | X | ✓ |
Verlässlichkeit | X | ✓ |
Merkmale | X | ✓ |
Leistung | X | ✓ |
Kostenvorteil | ✓ | X |
Ins Detail gehen
Erleichterte Installation
Das traditionelle Magento-Theme ist alt, aber man kann nicht sagen, dass es seinen Zweck nicht erfüllt hat – das heißt, das Erscheinungsbild von Ladenfronten zu ändern und sogar für den Laien zugänglicher zu machen. Händler, die Magento-Designs verwenden, können das Erscheinungsbild ihrer Storefront durch eine einfache Installation/Deinstallation entweder eines eigenen Magento-Designs oder eines Magento-Designs eines Drittanbieters ändern. Auf diese Weise müssen Händler, wenn überhaupt, nicht viel Aufwand betreiben, um ein ausgefeiltes und ansprechendes Schaufenstererlebnis zu bieten.

Quelle: Überblick über Magento-Designs
PWA Storefront hingegen folgt einer anderen Philosophie (headless CMS), die Praktikabilität und Funktionalität über Benutzerfreundlichkeit stellt. Aus diesem Grund kann der typische Installationsprozess einer PWA-Storefront für den durchschnittlichen Händler als zu technisch und eher entwicklerorientiert angesehen werden.

Quelle: Magento
Anzahl der Themen/Schaufenster
Dank des Vererbungskonzepts können Entwickler, die an Magento-Themes arbeiten, ein solides und praktisches Basis-Theme (Blank) als Grundlage haben, mit dem sie mit relativ geringem Aufwand benutzerdefinierte Magento-Themes erstellen können. Derzeit gibt es mehr als 600 Magento-Themes und -Templates in verschiedenen Branchen, und diese Zahl wächst bis heute.
Da es sich um eine relativ neue Technologie handelt, haben PWA-Storefronts nicht den gleichen Luxus, Zahlen zu haben, wie ihre Stärke. Dieser Mangel an Vielfalt und Verfügbarkeit von PWA-Storefronts – aus unserer Sicht als Lösungsanbieter, der daran gearbeitet hat, Magento-Händlern mehr PWA-Storefronts bereitzustellen – ist zu erwarten, da der gesamte Entwicklungsprozess von PWA-Storefronts im Vergleich zu nicht so einfach ist sein Gegenstück zu den Magento-Themen.
Sie können jedoch sicher sein, dass die Zahl der PWA-Storefronts schnell wächst und die der Magento-Themes wahrscheinlich in kürzester Zeit übersteigen wird. Von unserer Seite aus haben wir viele PWA-Storefronts, die in naher Zukunft auf den Markt kommen werden und effektiv dazu beitragen, die Einführung von PWA-Storefronts voranzutreiben.

Flexibilität und Skalierbarkeit
Da Entwickler von Magento-Themes nur bestimmte Theme-Dateien ändern können, ist der gesamte Entwicklungsprozess restriktiver Natur. Dies sollte kleine und mittelständische Unternehmen nicht betreffen, aber für größere Unternehmen, die regelmäßig Änderungen am Erscheinungsbild ihrer Schaufenster vornehmen möchten, kann dieser Mangel an Flexibilität zu weiteren Skalierbarkeitsproblemen führen.

Um die alten Skalierbarkeits- und Flexibilitätsprobleme mit Magento-Designs zu lösen, verwenden PWA-Storefronts eine Headless-Architektur, bei der es sich um ein System handelt, dessen Präsentationsschicht (z. B. Magento-Storefronts) von seiner Geschäftslogikschicht (z. B. Magento-Backend) entkoppelt ist. Dank dieser Entkopplung der beiden grundlegenden Schichten können Entwickler, die an Ihrer Storefront arbeiten, eine größere Flexibilität bei der Entwicklung haben, was sie folglich zu einem skalierbareren Ansatz für aufstrebende Marken macht.
Shops, die den PWA-Weg gegangen sind, berichteten positiv von ihren Erfolgen, mit einer durchschnittlichen Steigerung der Conversion-Rate von 52 %.
Empfohlene Lektüre: Headless Commerce und seine Vorteile für Händler
Verlässlichkeit
Zuverlässigkeit ist ein Anliegen für Magento-Themes. Da ein benutzerdefiniertes Magento-Theme die meisten seiner Dateien von einem Parent-Theme erbt und sein Backend eng mit seinem Frontend gekoppelt ist, kann ein Update des Parent-Themes, das schief geht (was selten, aber möglich ist), Ihre gesamte Storefront beschädigen und Ihr Unternehmen lahmlegen tagelang.
Im Gegensatz dazu ist eine PWA-Storefront nicht um ein übergeordnetes Thema herum aufgebaut und von Natur aus Headless, was bedeutet, dass die Storefront (Frontend) von ihrem Magento-Backend entkoppelt ist und nicht direkt mit ihr kommuniziert, sondern über eine mittlere API-Schicht . Und da die Storefront jetzt weniger eng mit dem Magento-Backend gekoppelt ist, können Updates einzeln auf dem Backend installiert werden, ohne das Frontend zu beschädigen; Gepaart mit der Tatsache, dass PWA-Storefronts im Grunde zusammengestellte React-Module sind, können Updates für Ihre Storefront auch risikominimierend ausgerollt werden – ein Modul nach dem anderen, um einen sichereren Betrieb zu gewährleisten.
Merkmale
In Bezug auf die bereitgestellten Funktionen sind Magento-Designs in gewissem Sinne funktional, aber sie zeichnen sich in dieser Hinsicht nicht wirklich aus, da es sich immer noch um Ihre traditionellen Websites mit eingeschränkter Hardware-Zugänglichkeit handelt.
Die von PWA-Storefronts bereitgestellten Funktionen konkurrieren dagegen dank ihrer tiefen Integration mit dem System des verwendeten Geräts mit nativen mobilen Apps. PWA-basierte Websites nutzen die neuesten Technologien des Webs, um Funktionen bereitzustellen, die zuvor nur nativen mobilen Apps vorbehalten waren, wie z. B. Push-Benachrichtigungen, Ortungsdienste, Hinzufügen zum Startbildschirm und Offline-Funktionen – und behalten gleichzeitig die Vorteile des Webs bei.
Verwandter Artikel: 9 unverzichtbare Funktionen einer PWA für E-Commerce
Leistung
Bei Magento-Themen kann die Gesamtleistung Ihrer Storefront beeinträchtigt werden, da Entwickler, die an Ihrem Magento-Thema arbeiten, weniger Kontrolle darüber haben, was sie ändern können. und obwohl einige Magento-Themes behaupten, auf Leistung optimiert zu sein, ist der Unterschied zwischen einem optimierten und einem nicht optimierten ziemlich vernachlässigbar.
Die Leistung einer PWA-Storefront kann aufgrund des Einsatzes modernster Technologien erheblich besser sein als die des Magento-Theme-Gegenstücks. PWA Studio Storefronts verwenden GraphQL für ihre Datenmodellierung, eine moderne, effizientere Methode zur Reduzierung des Netzwerkverkehrs und der Verarbeitungsgeschwindigkeit.

Darüber hinaus bietet eine PWA-Storefront in Bezug auf die wahrgenommene Leistung den Käufern aufgrund ihres überlegenen Caching-Mechanismus (Service Worker) ein verbundenes und reibungsloses Erlebnis. Ihre PWA-Storefront ist also nicht nur schnell, sie fühlt sich auch schnell an, selbst wenn die Verbindung des Käufers langsam und instabil ist.
Kostenvorteil
Für kleine und mittlere Unternehmen, die keine umfangreichen Anpassungen und Funktionen für ihre Storefront benötigen, haben Magento-Themes natürlich den Kostenvorteil. Dies liegt daran, dass der Entwicklungsprozess eines typischen Magento-Themes mit der Zeit wirklich ausgereift ist und Händler, die ihrer Storefront einen neuen Look verleihen möchten, einfach ein Magento-Theme aus der großen Auswahl an Magento-Themes auf ThemeForest auswählen und installieren können , und profitieren Sie von allen visuellen und Leistungsverbesserungen, die mit dem installierten Design einhergehen.

Das Gleiche gilt nicht für PWA-Storefronts, da die Verfügbarkeit bei diesem neuen Ansatz immer noch ein großes Problem darstellt. Um beispielsweise eine PWA-Storefront zu haben, müssen Sie entweder die von Magento bereitgestellte kostenlose Venia-Storefront installieren oder ein engagiertes Team von Entwicklern einstellen, um an Ihrer PWA-Storefront zu arbeiten, was keine billige oder einfache Lösung ist Kosten berücksichtigt werden.
Auf der positiven Seite erfordert eine PWA-Storefront weniger Magento-spezifische Kenntnisse als die Entwicklung eines traditionellen Magento-Themes. Die Tools und Konzepte, die in einer PWA-Storefront-Entwicklung benötigt werden, sind auch unter Frontend-Entwicklern üblicher, sodass eine PWA-Storefront auf lange Sicht eine kostengünstigere Lösung sein könnte, da es einfacher ist, einen Frontend-Entwickler mit der Arbeit an Ihrem zu beauftragen PWA-Storefront, anstatt einen Magento-Entwickler einzustellen.
Verwandter Artikel: Wie viel kostet es, eine PWA für Magento zu erstellen?
Probieren Sie eine PWA-Storefront aus
Die aktuelle Auswahl an PWA-Storefronts ist nicht so groß, wächst aber schnell. Wir empfehlen einen kurzen Blick auf die SimiCart PWA-Demo, um das Erscheinungsbild einer einfachen PWA-Storefront zu sehen.
Hier bei SimiCart bieten wir funktionsreiche und einfach zu installierende PWA-Storefronts für Ihr Unternehmen. Mit unserer Lösung können Sie alle Vorteile einer PWA-Storefront ohne die Nachteile nutzen.
Weiterlesen:
So integrieren Sie PWA in Magento 2