Progressive Web Apps: Die Zukunft der Webentwicklung?

Veröffentlicht: 2016-10-17

Progressive Web Applications und Service Worker sind relativ neue Konzepte und die Kernbestandteile dessen, was derzeit das aktuelle Ökosystem von Websites und mobilen Apps stört. Wir haben einen starken Anstieg der Konversionsraten und einen Rückgang der Absprungraten verzeichnet, da diese Technologie von niemand geringerem als Google unterstützt wird. Lesen Sie mehr über Servicemitarbeiter und progressive Web-Apps und wie sie sich von mobilen Anwendungen und herkömmlichen Websites unterscheiden.

Der Service Worker , manchmal auch einfach als „SW“ bezeichnet, ist als unabhängiges Skript codiert, das neben traditionellen Website-Seiten und -Skripten läuft, aber im Vergleich zu den üblichen JavaScripts, die auf Websites im Internet zu finden sind, über neue aufregende Funktionen verfügt.

Mit Offline-Funktionalität, Push-Benachrichtigungen, vollständigem Caching und der zusätzlichen Möglichkeit, sich mit der Hardware-API von Smartphones und anderen Geräten zu verbinden, werden die Möglichkeiten nur durch den Einfallsreichtum des Entwicklers und die Kreativität des Designers begrenzt. Obwohl es viele Vorteile bietet, einen Servicemitarbeiter gleichzeitig mit den herkömmlichen Website-Technologien einzusetzen, werden wir den aufkommenden Trend aus der Perspektive eines Geschäftsinhabers betrachten.

Warum Progressive Web-Apps verwenden?

  • Verbessern Sie die Geschwindigkeit im Vergleich zur Geschwindigkeit von Websites und mobilen Apps
  • Seitengröße verkleinern
  • Offline-Funktionalität
  • Zugriff auf bestimmte Hardwaregeräte
  • Mitteilungen
  • Zum Startbildschirm hinzufügen

Oben ist die Liste der 6 häufigsten Gründe für Geschäftsinhaber, Servicemitarbeiter und progressive Web-Apps in ihre bestehenden Websites zu implementieren. Lassen Sie uns sie aufschlüsseln und näher auf jeden der 6 Schlüsselpunkte eingehen.

Geschwindigkeit und Konversionsraten verbessern

Da Servicemitarbeiter zwischen Browser und Internetzugang fungieren, müssen die Besucher der Website nicht jedes Mal, wenn Besucher eine neue Seite anfordern oder auf einen Link klicken, den Webserver um eine Antwort bitten.

Aufgrund der Funktionsweise der Internetprotokolle gibt es für jede Antwort, die über das Netz geht, eine minimale Zeit, aber wenn Sie einen Service-Worker einsetzen, kann dieser Schritt manchmal ausgelassen werden, da das Service-Worker-Skript die Seite von der Seite aus bereitstellt lokalen Cache, die im nächsten Thema beschrieben werden.

Housing.com hat beispielsweise seit der Implementierung seiner progressiven Web-App und seines Service-Worker-Skripts 30 % schnellere Seitenladezeiten erlebt und seinen Sitz in Indien hat dies zu großartigen Ergebnissen geführt, da die Mehrheit seiner Besucher über 3G-Netzwerke surft, und jede Geschwindigkeitssteigerung ist also ganz wichtig.

Ein weiteres Beispiel ist Konga, ein führender nigerianischer E-Commerce-Händler, bei dem mehr als 60 % seiner Besucher über langsame 2G-Netzwerke surfen ebenso wichtig ist, dass sie ihre Konkurrenz in einen tiefen Schlaf versetzt haben.

Seitengröße verkleinern

In enger Verbindung mit den oben genannten Punkten wird die Verwendung eines Service-Mitarbeiters zweifellos die Seitengröße einer Website reduzieren und somit die Absprungraten verringern.

Der Grund für solche Verbesserungen ist, dass der Servicemitarbeiter Kopien der Website auf den Telefonen und Tablets der Besucher speichert. Das bedeutet, dass sie das Internet überhaupt nicht benutzen müssen, wenn sie die Homepage einer Website besucht haben, auf der ein Servicemitarbeiter installiert und der automatische Upload des Caches eingerichtet ist.

Es ist auch möglich, bereits besuchte Seiten einfach vom Servicemitarbeiter speichern zu lassen, aber da der Download des Caches für den Benutzer in keiner Weise sichtbar ist, ist es sinnvoll, den Benutzer einfach alles herunterladen zu lassen.

Derzeit berichten einige Unternehmen, dass die Seitengröße mit installiertem Servicemitarbeiter um bis zu 90 % reduziert wurde.

Offline-Funktionalität

Es ist möglich, eine Website mit einem Servicemitarbeiter zu entwickeln, die perfekt funktioniert, sodass Benutzer keinen Internetzugang benötigen, um Seiten zu durchsuchen und Inhalte zu laden. Es gibt einige Anforderungen, aber sobald der Service Worker erfüllt ist, ermöglicht er eine nahtlose Integration zwischen Offline- und Online-Erlebnissen und gilt als bahnbrechende Ergänzung aktueller Websites.

Obwohl nicht jede Website eine vollständige Offline-Erfahrung benötigt, erhöht das einfache Hinzufügen eines Offline-Bildschirms, wie es Opera getan hat, die Wahrscheinlichkeit, dass Benutzer auf der Seite bleiben, wenn sie beim Surfen den Internetzugang verlieren.

Vergleichen Sie die Offline-Nachricht in Standardbrowsern mit der benutzerdefinierten Offline-Nachricht, die Opera unten erstellt hat, und spüren Sie den Unterschied:

Operas Offline-Website-Funktionalität

Opera Progressive Web App Offline-Seite

Standard-Offline-Seite in Chrome

Standardmäßige Chrome-Offline-Fehlermeldung

Zugriff auf bestimmte Hardwaregeräte

Genau wie mobile Anwendungen ist es für progressive Webanwendungen in Verbindung mit Servicemitarbeitern möglich , API-Aufrufe an Hardwaregeräte wie mobile Kameras, Beschleunigungsmesser und andere gängige Funktionen zu senden. Bisher gibt es keine Unterstützung für erweiterte Funktionen wie die Fingerabdruckerkennung und ähnliche neue und komplexe Funktionen, aber das ist wahrscheinlich nur eine Frage der Zeit.

Während die Entwicklung mobiler Apps für bestimmte Arten von Unternehmen und Produkten immer relevant bleiben wird, gibt es heute bereits eine Reihe fortschrittlicher Web-Apps online, die das Erlebnis einer mobilen App mit der Benutzerfreundlichkeit und Installation bieten, die Websites bieten.

Aber angesichts der Tatsache, dass die Technologie selbst zum Zeitpunkt des Schreibens erst etwa ein Jahr alt ist (Ende 2015 entwickelt) und es viele Möglichkeiten gibt, die heißeste Technologie zu werden, an der jeder Kleinunternehmer teilhaben möchte.

Mitteilungen

Eine dieser Hardwarefunktionen sind Push-Benachrichtigungen, die es Websitebesitzern ermöglichen, mobile Benutzer über ihre neuesten Inhalte zu informieren. Für Unternehmen kann der Zugriff auf den Benachrichtigungsfeed ihrer Kunden ein großer Segen für Unternehmen sein.

Im Gegensatz zu E-Mail-Newslettern neigen die Leute dazu, Push-Benachrichtigungen direkt auf ihrem Telefon zu öffnen und anzuklicken. Dieser Trend könnte sich mit der Zeit ändern, da die Benutzer erfahren, welche Apps Marketing- und Advertorial-Inhalte vorantreiben , aber im Moment ist es ziemlich effektiv.

Bisher hatte Jumia, eine afrikanische E-Commerce-Site, große Erfolge mit progressiven Web-Apps und Push-Benachrichtigungen. Sie berichten von 9-mal besseren Konversionsraten für ihre verlassenen Warenkörbe im Vergleich zu ihrer herkömmlichen Methode, Benutzern per E-Mail zu fragen, ob sie das kaufen möchten, was sie in ihren verlassenen Warenkörben haben. Jumia hat auch eine Öffnungsrate von 38% für Push-Benachrichtigungen verzeichnet, was als ziemlich beeindruckend bezeichnet werden muss.

Zum Startbildschirm hinzufügen

Dies ist der letzte auf unserer Liste, aber nicht der letzte. Hinzufügen von Ihren bevorzugten Websites zu Ihrem Telefon Lesezeichen und mit einem Symbol auf Ihrem Gerät ist nichts Neues, aber mit fortschrittlichen Web - Anwendungen, wird der Benutzer nun vom Browser gefragt, ob sie die PWA zu ihrem Home - Bildschirm hinzufügen möchten. Da dies vom Browser selbst und nicht von einem ausgefallenen Popup-Overlay auf der Website erfolgt, haben die Leute großartige Ergebnisse mit dieser Funktion gemeldet.

Eingabeaufforderung für progressive Web-App add_to_home_screen

So sieht es aus, wenn Sie die Washington Post von Ihrem Telefon mit Chrome oder Opera besuchen.

FlipKart hat eine 70-prozentige Steigerung der Konversionsraten durch ihre Benutzer verzeichnet, die die App über den Startbildschirm öffnen.

Fazit

Noch nicht jeder Webbrowser hat Progressive Web Apps und Service Worker unterstützt , aber vielleicht ist das nur eine Frage der Zeit. Microsoft war mit Internet Explorer bei der zukünftigen Implementierung der Technologie eher vage und wartete vielleicht ab, ob dies nur ein kurzlebiger Trend ist oder ob dies das Web, wie wir es kennen, revolutionieren wird.

Apple hat mit Safari die Service Worker- Kompatibilität in seine 5-Jahres-Roadmap aufgenommen, es bleibt also noch etwas Zeit dafür, obwohl sie diese Technologie sehr gut ganz oben auf die Liste setzen könnten, sobald sie die positiven Auswirkungen des Dienstes sehen Arbeiter haben.