YouTube PWA: Benutzern ein nahtloses Erlebnis bieten

Viele wussten nicht, dass Youtube sich 2019 nach dem erfolgreichen Start von Youtube Music PWA als PWA neu erfunden hat. Mit einer weiteren Web-App im Google Sites-Ökosystem, die zu einer progressiven Web-App wird, hat sich das Potenzial von PWA noch einmal verstärkt. Es folgt die Erwartung an die Fähigkeit von PWA, die Leistung zu steigern und im Gegenzug für Websites aller Art, insbesondere im E-Commerce, Gewinne zu erzielen. Diesmal sprechen wir über Youtube PWA.

Was ist die Geschichte hinter der PWA-Einführung der größten sozialen Plattform für lange Videos?

In einem beeindruckenden Jahrzehnt hatte Youtube seinen Sprung ins Vertrauen gewagt und sein Imperium von 1 auf 1 Milliarde Aufrufe aufgebaut. Und seitdem, zusammen mit 15 Jahren Geschichte, ist Youtube der König der Online-Videoplattform.

Mit 2,2 Milliarden monatlichen Nutzern, die jeden Tag stundenlang Videoinhalte konsumieren, hält Youtube auch den Rekord als zweitbeliebteste Suchmaschine, direkt hinter Google. Hier gehen wir alle hin und finden unseren eigenen Stamm, dem wir angehören, schließen uns einer Bewegung an und schaffen eine Wirkung, die online und offline anhält.

Youtube macht es den Erstellern von Inhalten so einfach, ihre Kreationen einem enorm eifrigen Publikum zu präsentieren. Dies erklärt, warum auf Youtube alles für alle da ist. Von Basteln und Streaming bis hin zu Schönheitskritiken, Essen, Politik und vielem mehr. Es ist eine absolute Win-Win-Situation für beide Nutzer (Ersteller und Zuschauer) und Google.

Nach der Einführung des neuen Begriffs „Progressive Web App“ hat das Google-Team großartige Arbeit geleistet, indem es andere Entwicklerkollegen sowie Benutzer informiert und zur Beherrschung der PWA geführt hat.

Viele bekannte Marken haben mit Hilfe von Google-Entwicklern ihren ersten Innovationssprung gemacht, wie z. nämlich Google Drive, Google Travel und Google Maps.

Im Jahr 2019 will Youtube, wie das Team erklärte, seinen Premium-Nutzern den Zugang als PWA bieten, um die Plattform überall und jederzeit nutzen zu können, auch bei schwacher Netzwerkleistung. PWA wendet moderne Webfunktionen an, um das Web-App-Erlebnis einem nativen App-Erlebnis sehr ähnlich zu machen, während Seiten in Browser-Tabs als immersive High-Level-Apps fungieren können.

Benutzer von Chrome können auch Youtube PWA erleben, wenn sie die App zum Startbildschirm hinzufügen und nur als Desktop-App verwenden möchten. Abgesehen davon sind Schlüsselfunktionen wie Offline-Browsing nicht verfügbar, da dies für die Open-Source-YouTube-PWA so minimal ist, wie es sein kann.

Da PWA Raum für viele neue technologische Fortschritte eröffnet, hilft die Umstellung auf PWA laut verschiedenen Berichten Google dabei, weitere signifikante Verbesserungen an einer seiner Flaggschiff-Plattformen vorzunehmen.

Zusammenhängende Posts:

Wie viel kostet es, eine PWA wie eine Starbucks-PWA zu entwickeln?

Alibaba PWA: Gewinnen mit Progressive Web App

Pinterest PWA: Mobile Performance richtig steigern

Bisherige Erfolge von Youtube PWA

YouTube PWA verbessert seine Premium-Benutzererfahrung

Youtube PWA wurde entwickelt, um ein immersives Videoerlebnis für die Premium-Version zu bieten, unabhängig davon, welche Plattform, welches Gerät, welche Netzwerkqualität oder welche Videoform angezeigt wird.

Es gibt keine andere Möglichkeit, ein Youtube-Video anzusehen, wenn Sie keine Verbindung haben, wenn Sie die Android-App nicht auf Chrome OS herunterladen. Aber der Fall hat sich mit PWA für immer geändert, Premium-Benutzer können sich überall, jederzeit und mit jedem Gerät einschalten, um Videos offline anzusehen.

Erstellen einer Standard-App-Erfahrung für nahtlosen Zugriff

Um dies zu erreichen, wurde laut Entwicklern von Google viel gelernt und experimentiert, damit Youtube eine PWA mit einem noch reibungsloseren Benutzererlebnis erhält, einschließlich der sicheren Offline-Wiedergabe, um das Abenteuer jederzeit herauszubringen.

Auf Youtube war ein Servicemitarbeiter⁠ für Push-Benachrichtigungen⁠ vorhanden, aber es fehlt ein Abruf⁠-Handler. In Bezug auf die Site, die danach abstürzen könnte, suchte das Entwicklerteam nach einer alternativen Lösung, um einen No-Operation-Service-Worker mit der Fähigkeit zu erstellen, Benutzer zurück zu einer browserähnlichen Standard-Site zu konvertieren.

Mit diesen ständigen kleinen Änderungen wollte das Youtube-Team, dass die Benutzer jederzeit Zugriff auf die neueste Version haben, damit PWA beim Servieren direkt aus dem Quellnetzwerk helfen und nur bei Bedarf zwischenspeichern kann.

Damit der Servicemitarbeiter nicht abgeschreckt und abgelenkt wird, führt er das Network-First-Caching aus und nutzt Navigation Preloads⁠. Unter Berücksichtigung von Brüchen richtete das Entwicklungsteam auch einen Überwachungs⁠-Servicemitarbeiter ein.

Experimentieren mit der PWA auf Chromebooks

Das Youtube-Team wählte Chromebook-Nutzer als ideale Kandidaten für Testläufe aus. Denn sie sind alle mit den neusten APIs ausgestattet, sodass sie direktes Feedback von echten Nutzern zu den Updates bekommen. Diese Läufe fungieren auch als PWA-Anpassungsphase für Endbenutzer, beginnend mit einfachen Funktionen wie:

• Neue intelligente Touch-Gesten zur Unterstützung von Aktivitäten mit Maus und Tastatur
• Schnelles Vorspulen der Wiedergabegeschwindigkeit durch Doppeltippen
• Suchen Sie per Sprache
• Integrieren von Web Share⁠, App Shortcuts⁠ und Declarative Link Capturing⁠, um mehr PWA-Funktionalitäten zu ermöglichen

YouTube TV fordert häufige Zuschauer auf, die Progressive Web App zu installieren

Wenn Sie tv.youtube.com besuchen, werden Sie wissen, dass sich in der Omnibox von Chrome eine „Plus“-Schaltfläche befindet. Wie bei allen anderen PWAs können Eingabeaufforderungen aktiviert werden, um Benutzer zu ermutigen, mehr darüber zu erfahren, was PWA tun kann. Und Sie wissen, dass es schwieriger ist, auf dem Fernseher zu tippen. Wenn Sie also die App einmal installieren, sparen Sie Zeit und mehr.

Youtube TV PWA weiß es und fordert sein vertrautes Publikum mit einem blauen „Install App“-Button in der Ecke des Systemdialogs auf. Benutzer haben immer die Möglichkeit, die Einladung zurückzuziehen, aber auf lange Sicht würden weniger Leute dazu bereit sein.

In der neuen PWA-Version für Home-basierte Bildschirme sehen Sie die Adressleiste nicht mehr zusammen mit anderen Browser-Benutzeroberflächen, wenn die Anzeige oben platziert ist. Abgesehen davon ist eine Überlauf-Standortanzeige verfügbar, die die Art des Inhalts anzeigt, der ausgeführt wird.

Verwandte Themen:

Uber PWA: Die perfekte Fallstudie für progressive Web-Apps

WordPress PWA: Alles, was Sie wissen müssen

Twitter PWA: Entdecken Sie die aufregenden Funktionen

Häufig gestellte Fragen zu Youtube PWA

1. Hat Youtube eine PWA?

Ja. Nach der erfolgreichen Einführung von Youtube Music PWA veröffentlicht Youtube seine PWA-Version im Jahr 2019 auf Chromebooks, während Premium-Benutzer mehr von seiner exklusiven Funktion als Offline-Nutzung erleben können.

2. Was ist PWA Youtube?

Youtube PWA verwendet die PWA-Technologie, um gesündere und nahtlosere Standardfunktionen für Benutzer zu erstellen. Die PWA-Version soll es Vielnutzern erleichtern, Youtube zu genießen, und fordert Benutzer mit einem Popup auf, das Youtube-Web zu ihrem Startbildschirm hinzuzufügen. Auf diese Weise müssen Nutzer die App nicht mehr aktualisieren, sondern erleben automatisch die neuesten Verbesserungen von Google.

3. Wie fügt man eine Youtube-PWA hinzu?

Normalerweise werden Chrome-Benutzer durch ein Plus-Symbol in der Omnibox aufgefordert, die Youtube-PWA einfach zum Startbildschirm hinzuzufügen und wie eine App zu verwenden. Es ist nicht dasselbe wie zuvor die beliebte Option „Installieren“ aus dem Überlaufmenü in Google Chrome.

Nachdem der „Installationsvorgang“ abgeschlossen ist, sehen Benutzer das berühmte rote Wiedergabelogo und den Namen von Youtube im App Launcher. Sie können YouTube jetzt in einem Vollbildfenster öffnen, ohne dass eine Adressleiste in der Nähe zu sehen ist. Die Elemente der Benutzeroberfläche ähneln eher der nativen Desktop-App-Erfahrung, und die Shelf-Pinned-Funktion ermöglicht Benutzern sofort den Zugriff.

4. Ist YouTube Music eine PWA?

Nachdem Google viele berühmte PWA-Einführungen für große Marken erstellt hatte, begann Google, seine eigenen Apps als PWA zu entwickeln und verfügbar zu machen, einschließlich YouTube Music PWA. Nach einer 15-monatigen Testphase ist die Einführung ein weiterer Erfolg, und kurz darauf folgt ihre Flaggschiff-Plattform Youtube.

5. Wie funktioniert Youtube PWA?

Im Allgemeinen unterscheidet sich Youtube PWA nicht wesentlich von der alten Webversion, der größte Unterschied besteht darin, dass Sie das Aufforderungs-Popup mit einem Link zur sofortigen Installation von Youtube sehen werden. Die Art und Weise, wie es angezeigt wird, ändert sich je nach Webbrowser, aber alle modernen Webbrowser unterstützen PWA. Sobald es installiert ist, wird Youtube wie eine andere normale App in einem eigenen Fenster ausgeführt, anstatt in einem Browser-Tab.

Weitere PWA-Beispiele:

Uber PWA: Die perfekte Fallstudie für progressive Web-Apps

WordPress PWA: Alles, was Sie wissen müssen

Twitter PWA: Entdecken Sie die aufregenden Funktionen

Die zentralen Thesen

Progressive Web App ist zu vielen innovativen Verbesserungen fähig, aber da Youtube PWA eine minimale Einführung ist, sehen Sie nicht alles, was es tun kann. Abgesehen von der Offline-Nutzung und der Unterstützung von App-ähnlichen Funktionen wie der Installation des Startbildschirms und Push-Benachrichtigungen hat PWA auch die Möglichkeit, das Laden Ihrer Website auf Sekunden zu beschleunigen und mehr.

Grundsätzlich hat PWA die Fähigkeit, deutlich mehr technische Verbesserungen zu entwickeln, also möchte Google, dass Youtube unbegrenzt mit den neuesten Fortschritten ausgestattet wird, und wir haben Youtube PWA. Über die Änderungen gibt es nicht viel zu sagen, aber die Erfahrung insgesamt wird flüssiger und vielfältiger.

Wenn Sie mehr darüber erfahren möchten, was PWA speziell für Ihre Website tun kann, kontaktieren Sie Tigren für eine kostenlose Beratung. Wir sind eine der führenden PWA-Entwicklungsagenturen und hier, um Ihnen die Premium-PWA-Entwicklung anzubieten, die hohe Renditen und eine transparente Preisstrategie sowie kostenlosen Support verspricht.

Weitere PWA-Fallstudien:

AliExpress PWA: Steigern Sie die Konversionsrate mit einer progressiven Web-App

Reddit PWA: Wie die führenden sozialen Medien Web-Apps nutzen