magento pwa

Magento PWA – Was Sie wissen müssen

Das Wachstum des mobilen Handels nimmt weiter zu und übertrifft alle Erwartungen. In ihrem Bericht von 2018 prognostizierte eMarketer , dass bis 2022 der globale Umsatz im mobilen E-Commerce 3,56 Billionen US-Dollar erreichen wird. Die Realität stellte sich noch beeindruckender dar: In diesem Jahr werden die Einzelhandelsumsätze im E-Commerce allein in den USA die Marke von 1 Billion US-Dollar überschreiten. 

Aktuell kontrolliert der mobile Handel 73% des weltweiten E-Commerce-Marktanteils, und in den letzten sechs Monaten tätigten 79% der mobilen Nutzer einen Kauf über ein mobiles Gerät. 

Für jeden im E-Commerce tätigen Unternehmer sind dies wichtige Zahlen. Mit der rasanten Entwicklung des mobilen Handels ist ein mobiloptimierter Shop ein Muss. 

Es gibt viele Möglichkeiten, dies zu erreichen (durch die Erstellung einer mobilen Version Ihres Shops oder die Schaffung eines responsiven Designs), aber heute werden wir ein relativ neues Konzept behandeln: Progressive Web Application. Diese Technologie verwandelt eine Website in eine Anwendung, die direkt aus dem mobilen Browser funktioniert, ohne dass Installationen erforderlich sind. 

In diesem Artikel werden wir uns ausführlich mit PWAs befassen: Was sie sind und wie sie funktionieren, welche Vorteile sie bringen und ob Sie eine haben sollten. 

Also, lassen Sie uns loslegen! 

Was sind Progressive Web Apps?

Zunächst einmal klären wir, was eine PWA ist. Progressive Web Application (oder PWA) ist eine Webressource, die wie eine mobile App funktioniert. Sie funktioniert über einen mobilen Browser und öffnet sich automatisch, ohne dass etwas installiert werden muss. Die Benutzer können eine Verknüpfung zu der Website auf ihrem Startbildschirm hinzufügen (und sie so noch mehr wie eine App erscheinen lassen) und sogar mit ihr interagieren, wenn sie offline sind. 

PWA funktioniert nur auf mobilen Geräten – wenn ein Benutzer die Website von einem PC aus öffnet, erhalten sie eine reguläre Version. Viele Websites, die Sie täglich nutzen, verwenden diese Technologie: Pinterest, Twitter und Uber, um nur einige zu nennen. 

Das Konzept wurde erstmals von Google im Jahr 2015 vorgestellt. Jahrelang haben sie daran gearbeitet, sicherzustellen, dass mobile Benutzer online eine reibungslose Benutzererfahrung haben, indem sie ihre mobile Indexierungsstrategie eingeführt haben. Google erklärte, dass Webressourcen mobilen Benutzern zuverlässige, schnelle und ansprechende Dienste bieten sollten, und PWAs waren ein Weg, das zu erreichen. 

Im Jahr 2018 wurde die Möglichkeit, PWAs zu erstellen, auch für Magento-Benutzer verfügbar. Magento veröffentlichte ihr PWA Studio, das die Entwicklung und Wartung von PWAs basierend auf dem Magento-Shop ermöglichte. 

Alternativ können Sie Ihren Magento-Shop auch mit Magento PWA Extension oder einem Magento PWA-Theme in eine PWA umwandeln.

Wenn Sie sich für die technische Seite von PWAs interessieren, erklärt das folgende Video alles sehr gut:

Vorteile von Magento PWA

Warum sollten Sie also eine PWA für Ihren Shop verwenden? Sie bringen viele Vorteile sowohl für Sie als auch für Ihre Kunden. Schauen wir uns einige davon an. 

Geräteunabhängigkeit

Dieser schicke Begriff bedeutet im Wesentlichen, dass Ihr Shop die Fähigkeit haben wird, mit den meisten Geräten zu arbeiten, ohne dass bestimmte Anpassungen erforderlich sind. Ihre Kunden können Ihren Shop auf jedem Gerät nutzen, das sie haben, und es wird ihnen ein konsistentes Erlebnis bieten. 

App-ähnliche Erfahrung

PWAs sind eine perfekte Mischung aus klassischen Websites und mobilen Apps. Sie können auf jedem mobilen Gerät verwendet werden und haben das gleiche Aussehen und Gefühl wie native Programme. Gleichzeitig müssen Sie sich keine Sorgen darüber machen, separate Entwicklungen für iOS- und Android-Apps zu bezahlen oder Ihre Kunden davon zu überzeugen, sie auf ihren Telefonen zu installieren. 

SEO-freundlich

Wie zuvor in diesem Artikel erwähnt, strebt Google danach, das Internet für mobile Benutzer freundlicher zu gestalten. Aus diesem Grund bevorzugen sie ordnungsgemäß optimierte Websites (zu denen auch PWAs gehören) in ihren Suchergebnissen. Zudem hat Magento PWA integrierte SEO-Funktionen, mit denen Sie alles so einstellen können, wie Sie es möchten.

Hohe Ladezeiten

Jede zusätzliche Sekunde Ladezeit kostet Ihre Shop-Besucher. Langsame Ladezeiten sind ein häufiges Problem, insbesondere bei Magento-Shops, da sie tendenziell schwer sind. PWAs beheben dieses Problem. Sie laden schnell, in der Regel unter drei Sekunden, sodass Ihre Kunden nicht warten müssen, selbst wenn Ihr Shop speicherintensive Elemente enthält.

Push-Benachrichtigungen

Push-Benachrichtigungen sind eine großartige Möglichkeit, Ihre Kunden an Produkte in ihrem Warenkorb, anstehende Verkäufe oder an ein wieder verfügbares Produkt zu erinnern. Sie können ein wichtiger Bestandteil Ihrer Remarketing-Strategie und sogar ein Verkaufsgenerierungstool sein. 

Zuvor konnten nur mobile Apps Benachrichtigungen an Benutzer senden, aber PWAs bieten diese Funktion ebenfalls. Laut Google erlauben 60% der Benutzer PWAs, ihnen Benachrichtigungen zu senden. Denken Sie an die Anzahl der Kunden, die Sie auf diese Weise erreichen könnten!   

Sicherheit

Magento ist an sich schon eine sehr sichere Plattform, aber eine PWA bringt sie auf ein anderes Niveau. Da sie HTTPS anstelle von HTTP verwendet, schützt sie besser vor Hackerangriffen und anderen unerwünschten Aktivitäten.

Keine App-Store-Anforderungen

Google Play Market und App Store haben bestimmte Anforderungen für Apps, die sie bei jedem neuen Update überprüfen. Wenn Ihre App diesen nicht entspricht, könnte sie aus dem Store gelöscht werden. Da PWA direkt aus dem Browser läuft, müssen Sie nicht auf die Überprüfung Ihrer App warten, und sie wird niemals gesperrt werden.

Offline-Arbeitsmodus

Dies ist eine der stärksten Funktionen von PWA. Wenn Ihr Kunde zuvor eine Seite besucht hat, kann er darauf zugreifen, auch wenn keine Netzwerkverbindung besteht. PWA verfügt über ein Cache-System, das jede Seite speichert, die der Benutzer besucht, und macht dies möglich. 

Für Ihre Benutzer bietet dies ein viel reibungsloseres Einkaufserlebnis ohne Unterbrechungen während Zeiten, in denen die Verbindung abbricht.  

Sicherheit

Magento ist an sich schon eine sehr sichere Plattform, aber eine PWA bringt sie auf ein anderes Niveau. Da sie HTTPS anstelle von HTTP verwendet, schützt sie besser vor Hackerangriffen und anderen unerwünschten Aktivitäten.

Haben Sie ein Projekt im Kopf?

Unterstützen alle Geräte PWAs?

Dies ist eine wichtige Überlegung. Nicht jeder hat Zugang zur neuesten Technologie, und Sie möchten nicht, dass Ihre Investition vergeblich ist, wenn Ihre Kunden nicht auf Ihre PWA zugreifen können.

Allerdings müssen Sie sich keine Sorgen machen. Die meisten Geräte werden mit PWAs interagieren können (ca. 95%, Stand Juli 2022).

Hier sind die Browser und Betriebssystemversionen, die PWAs im Jahr 2022 unterstützen:

  • Windows
    • Edge 17 (Legacy Edge)
    • Edge 83+ (Chromium Edge)
  • macOS
    • Safari 11.1+
  • Sowohl Windows als auch macOS
    • Chrome 45+
    • Firefox 44+
  • iOS
    • Safari 11.3+
  • Android 5+ (Lollipop)
    • Android Chrome
    • Samsung Browser

Die Meinung von BroSolutions zu PWA

Hier bei BroSolutions streben wir nach Innovation und erkunden gerne Trends, bevor sie zur Standardpraxis des Marktes werden. Nachdem wir PWAs getestet haben, sind wir vollständig von dieser Technologie überzeugt und glauben, dass sie die Zukunft der Webentwicklung ist. 

Immer mehr Einkäufe werden über mobile Geräte getätigt, daher ist es an der Zeit, sich auf die Erfahrung von mobilen Kunden zu konzentrieren. Da viele Benutzer zögern, die von Online-Shops angebotenen Apps herunterzuladen, ist PWA eine ausgezeichnete Lösung. 

Für Magento speziell bietet es auch viele Vorteile (zum Beispiel eine erhebliche Verbesserung der Ladezeit auf mobilen Geräten).  

Wenn Sie sich für PWAs interessieren, würden wir uns freuen, Ihren Shop in einen umzuwandeln. Kontaktieren Sie uns, und lassen Sie uns die Magie geschehen!