Vergleich von Magento Theme mit PWA Storefront

Veröffentlicht: 2020-10-21

Inhaltsverzeichnis

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.

Luma-Theme von Magento
Das Luma -Basisthema von Magento

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.

SimiCart Fashion-Design
Ein elegantes Aussehen und Gefühl mit dem Fashion -Thema [Demo]

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.

Magento-Themes fließen
Magento-Themes fließen
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.

Installation der Venia-Storefront
Installation der Venia-Storefront
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.

Kommende PWA-Storefronts von uns
Kommende PWA-Storefronts von uns

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.

Sehen Sie sich diesen Beitrag auf Instagram an

Fast nicht von nativen Anwendungen zu unterscheiden, ist Progressive Web App (PWA) die Zukunft des Webs mit seinen App-ähnlichen Funktionen, von denen eine die Möglichkeit ist, PWA zum Startbildschirm hinzuzufügen, was das Weberlebnis möglicherweise revolutionieren kann. . . . #pwa #app #nativeapp #websitedesign #web #google #chromedevsummit #chromedevsummit2019

Ein von SimiCart (@simicart.official) geteilter Beitrag

 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.

Seitengeschwindigkeit der PWA-Storefront
Ein schneller Benchmark unseres Fashion-Themas zeigt Spitzenwerte

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.

ThemeForest Magento-Designs
Die große Auswahl an Magento-Themes hilft, die Kosten zu senken

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.

Erstellen Sie Ihre Magento PWA-Storefront

Weiterlesen:
So integrieren Sie PWA in Magento 2