Wechselwirkung zwischen AMP und PWA
Important: this documentation is not applicable to your currently selected format email!
Progressive Web Apps und AMP Seiten funktionieren hervorragend zusammen. In vielen Fällen ergänzen sie sich auf die eine oder andere Weise. Finde heraus, wie du:
- für deine eigenen AMP Seiten PWA Funktionen aktivierst,
- einen überzeugenden, blitzschnellen Übergang der Benutzer von AMP zu PWA schaffst,
- deine PWA vereinfachst, indem du die Möglichkeiten von AMP voll ausschöpfst.
Weitere Informationen zu Progressive Web Apps findest du bei Web Fundamentals.
AMP Seiten mit PWA Funktionen
AMP Seiten können viele eigenständige PWA Funktionen nutzen, sofern sie nicht aus einem AMP Cache, sondern aus deiner eigenen Quelle (der Domain deiner Website) bereitgestellt werden. Das bedeutet: PWA Funktionen werden beim Anzeigen einer AMP Seite innerhalb einer Plattform wie Google oder Bing nicht aktiviert, sondern kommen erst zum Einsatz, sobald die Benutzer von da aus weiter navigieren oder wenn sie deine AMP Seiten direkt aufrufen.
AMP als Einstiegspunkt in deine PWA
Das Besondere an AMP ist die fast verzögerungsfreie Bereitstellung – eine Eigenschaft, die AMP zur idealen Lösung für die erste Benutzerinteraktion mit deiner Website macht. Progressive Web Apps ermöglichen zwar mehr Interaktivität und bieten Funktionen für zusätzliches Engagement. Allerdings wird ihr erstmaliges Laden dadurch erschwert, dass der Service Worker der Website – und damit ihre Assets und die App Shell – die Bereitstellung nur beim nachfolgenden Laden beschleunigen.
Eine gute Strategie besteht darin, eine AMP Seite als Einstiegspunkt für deine Website zu erstellen, dann die PWA hinter den Kulissen zu starten und für die weitere Navigation der Benutzer durch die Website zur PWA zu wechseln.
AMP als Datenquelle für deine PWA
Eines der wichtigsten Features von AMP Seiten ist ihre unproblematische und sichere Einbettung, weshalb immer mehr Plattformen sie gerne verteilen und bereitstellen.
Wenn du eine Progressive Web App erstellst, kannst du dieselben Vorteile nutzen und die Komplexität von Backend und Client drastisch reduzieren, indem du deine AMP Seiten als Datenquelle für deine PWA wiederverwendest.
-
Written by @pbakaus