Aktuelle Statistiken haben dies bestätigt 4.68 Milliarden mobile Nutzer Aktives Surfen und Erkunden des Internets. Und im Jahr 2016 Der mobile Datenverkehr übertraf den Desktop-Datenverkehr indem behauptet wird, 51.3 % der Internetnutzer seien Nutzer mobiler Geräte. So oft dieser Begriff seit dem letzten Jahrzehnt in Umlauf gebracht wurde, ist er es tatsächlich jetzt an dass die „Mobile-First“-Ära begonnen hat.

Daher wird es nicht überraschen, dass Unternehmen zunächst daran arbeiten, mobilen Benutzern bessere Dienste und ein besseres Erlebnis zu bieten. Allerdings ist Google vor ein paar Jahren auf den mobilen Zug aufgesprungen, als PWA und AMP wurden vorgestellt.

Möchten Sie mehr über AMP-Anzeigen erfahren? Hier tippen

Sowohl PWA als auch AMP wurden entwickelt, um das Web-Erlebnis eines Benutzers zu verbessern, während er eine mit mobilen Geräten kompatible Plattform nutzt. Aber Benutzer verwechseln oft PWA und AMP. Lassen Sie uns etwas Zeit sparen und Ihnen helfen, den Unterschied zwischen PWA und AMP zu verstehen.

Was ist PWA?

PWA steht für Progressive Web App. Es soll Benutzern das Erscheinungsbild und die Erfahrung einer mobilen Anwendung vermitteln, indem sie über einen Browser auf deren Webseiten zugreifen. Einfach ausgedrückt ist PWA eine optimierte Webseite, um eine App-ähnliche Funktionalität bereitzustellen. PWA funktioniert, wenn über das mobile Web auf eine Plattform oder deren Dienste zugegriffen wird, ohne jedoch die mobile App zu installieren.

Wie bereits erwähnt, konzentriert sich PWA auf die Bereitstellung von App-ähnlichen Funktionen. Das beinhaltet:

• Schnellerer Übergang zwischen Seiten
• Eine vollständige App-ähnliche Oberfläche
• Möglichkeit zum Senden von Push-Benachrichtigungen (erfordert die Erlaubnis des Benutzers)
• Zugänglichkeit von Offline-Inhalten und mehr.

Wir haben bereits mobile Anwendungen. Warum brauchten wir dann progressive Web-Apps?

Auf Mobilgeräten können Benutzer native Apps herunterladen – Anwendungen, die Sie aus dem App Store oder Google Play herunterladen –, aber PWA ist besser. Warum und wie?

Andreas Gazdecki beantwortet die Frage in einem Forbes-Artikel: „PWAs sind effizienter als native Apps.“ Sie funktionieren bei Bedarf und sind immer verfügbar, ohne den wertvollen Speicher oder die wertvollen Daten eines Smartphones zu beanspruchen. Durch die Entscheidung, eine PWA anstelle einer nativen Version derselben Anwendung zu verwenden, verbrauchen Benutzer weniger Daten. Dies bedeutet jedoch nicht, dass Benutzer auf den Komfort einer nativen App verzichten müssen. Sie können die PWA weiterhin auf ihrem Startbildschirm speichern – sie ist ohne den Aufwand eines echten Downloads installierbar.“

In letzter Zeit sind die beliebtesten nativen mobilen Apps, die wir verwenden ihre Plattform zugänglicher machen Verwendung von PWA, insbesondere E-Commerce- und Social-Media-Portale.

Als nächstes: Was ist AMP?

AMP bzw Beschleunigte mobile Seite wurde 2015 von Google eingeführt, um schneller ladende Webseiten für mobile Geräte zu erstellen. Google hat das „Open Source“ bereitgestellt.AMP-Projekt', um Entwicklern beim Erstellen dieser Webseiten zu helfen.

Um mobilfreundliche Websites zu erstellen, wird das unnötige (Inline-)JavaScript entfernt. Darüber hinaus ist das CSS für die Inline-Nutzung auf 50 KB begrenzt und Google speichert den Inhalt der Website im Cache, um eine CDN-ähnliche Funktionalität bereitzustellen. Die AMP-Webkomponente bietet neben anderen Funktionen auch (begrenzte) JavaScript-Einfügung als Teil der AMP-Bibliothek, mit der Sie Animationen zu Ihren mobilen Webseiten hinzufügen können, ohne Latenz zu riskieren.

Im aktuellen Szenario ist AMP nicht mehr auf Websites beschränkt. Es gibt AMP-Anzeigen, AMP-E-Mails und sogar AMP-Geschichten. Die AMP-Version all dieser Inhalte ist so konzipiert, dass sie schnell auf mobilen Geräten gerendert werden kann.

„Heutzutage ist es nicht schnell genug, wenn es nicht sofort geht. Selbst das einprägsamste Creative wird seinen Zweck nicht erfüllen, wenn die Anzeige langsam ist und die UX stört.“ erklärt die AMP-Site.

Wie von Anzeigen erwartet, maximieren AMP-Anzeigen den ROI, indem sie eine bessere CTR erzielen. Sie liefern nachweislich dasselbe. Triplelift, ein natives Ad-Tech-Unternehmen, hat eine gesehen 13% Zunahme Der Umsatzanstieg ist auf das sechsmal schnellere Laden von Anzeigen mithilfe von AMP-Anzeigen zurückzuführen.

PWA vs. AMP: Was sollten Sie wählen?

Parameter	PWA	AMP
Definition	Eine Webseite, die das Erscheinungsbild einer mobilen Anwendung bietet.	Entwickelt, um schnelle und mobilfreundliche Webseiten auf Mobilgeräten bereitzustellen.
Wie es gemacht wird	Hauptsächlich mit Javascript codiert. Allerdings wie eine Web-App konzipiert und mit Funktionen wie Push-Benachrichtigungen ausgestattet.	Auf der Website wurde auf nicht erforderliches CSS und Javascript verzichtet, um ein schnelles Laden von Webseiten bei gleichzeitiger Beibehaltung der Benutzererfahrung zu ermöglichen.
Empfohlen für	Progressive Web-Apps werden von E-Commerce- und Social-Media-Unternehmen stark angenommen.	Beschleunigte mobile Seiten werden allen Publishern empfohlen, die eine mobile Zielgruppe ansprechen.
Das bringt das Programm	- App-ähnliche Funktionen. - Schnell, zuverlässig und engagiert. - Eliminiert die Anforderung, Apps für verschiedene Betriebssysteme (Android/iOS) in unterschiedlichen Sprachen zu entwerfen. - Offline-Zugänglichkeit der Website. - Benutzer müssen die App und ihre Updates nicht herunterladen.	- Schnelleres Laden von Webseiten. - Gut für mobiles SEO. - Bessere Chancen, den Verkehr zu steigern - Verbesserte Anzeigenansichten. - Die Veröffentlichung im Top-Story-Karussell der Google-Suche führt zu einer höheren Click-Through-Rate (CTR).
Ergebnis	Eine Webseite, die wie eine mobile App aussieht und Funktionen und Erlebnisse bietet.	Eine schneller ladende Webseite mit besserer Benutzererfahrung

Können AMP und PWA zusammen verwendet werden?

Ja, AMP und PWA können zusammen verwendet werden, um elegante Benutzererlebnisse zu bieten. So wird es aussehen:

Der Benutzer sucht nach einem Dienst und ein AMP-fähiges Ergebnis erscheint auf seinem Bildschirm. Das bedeutet, dass eine schlanke und vorab zwischengespeicherte Website darauf wartet, dass der Benutzer darauf klickt. Sobald der Benutzer auf die Website klickt, können die Herausgeber den Benutzer mit einer App-ähnlichen Webseite ansprechen, die ihn zum Senden von Push-Benachrichtigungen auffordert. Diese Webseite bietet dem Benutzer Funktionen wie:

• Offline-Browsing von Inhalten und Diensten
• Reibungsloser Übergang auch bei langsamer Internetverbindung
• Ein App-ähnliches Erlebnis

Was hält uns davon ab, diese Idee zu übernehmen?

Die größte Herausforderung ist die Entwicklung. Während AMP nach der Regel arbeitet, nur HTML und CSS zu verwenden und JavaScript (größtenteils) vollständig zu vermeiden, werden PWA-Seiten hauptsächlich mit JavaScript-fähigen Servicemitarbeitern entworfen.

Dem kann jedoch entgegengewirkt werden, indem separate AMP-Seiten für SERPs erstellt werden, über die der Datenverkehr auf die PWA-Seite übertragen wird. Dies bedeutet, dass die AMP-Seite verwendet werden kann, um in Suchmaschinen ein gutes Ranking zu erzielen. Sobald der Benutzer auf die AMP-Seite klickt, um sie zu öffnen, initiiert der Browser die PWA-Seite für die Interaktion und Bindung des Benutzers.

Lies auch: Der richtige Weg, AMP-Inventar zu monetarisieren

Final Word

PWA und AMP sind unterschiedliche Technologien für Mobiltelefone. AMP wird verwendet, um Webseiten schneller zu laden, und PWA wird verwendet, um das Erscheinungsbild nativer Apps bereitzustellen.

As von Adobe analysiert, 40 % ihres Umsatzes stammten vom 1. November bis 31. Dezember 2018 über Mobilgeräte. Da 10.5 % des mobilen Traffics zu Conversions führten, im Gegensatz zum Desktop-Traffic, wo die Conversion-Rate 7.4 % betrug, ist es klar, dass Unternehmen, sowohl große als auch kleine, sollten ihr mobiles Publikum ernst nehmen und je nach Bedarf in AMP, PWA und/oder beides investieren.

Bis Ende Januar 2019, 12 % Anzeigen Bei den von Google bereitgestellten Anzeigen handelte es sich um AMP-Anzeigen. Es soll auch von den meisten Publishern übernommen werden, insbesondere von denen, denen die Anzeigenbereitstellung und die Ladegeschwindigkeit am Herzen liegen.

Bei beiden handelt es sich um leistungsstarke Tools zur Verbesserung der Website-Leistung und des Benutzererlebnisses. Sie können zwischen zwei Technologien wählen oder einfach beide implementieren, um das Beste aus beiden zu erleben. Es ist deine Entscheidung.

---