YouTube PWA：为用户带来无缝体验
已发表: 2022-08-03很少有人知道，在成功推出 Youtube Music PWA 之后，Youtube 在 2019 年将自己重塑为 PWA。 随着 Google 站点生态系统中的另一个 Web 应用程序成为渐进式 Web 应用程序，PWA 的潜力再次得到加强。 以下是对 PWA 提高性能和产生利润的能力的期望，以换取各种网站，特别是在电子商务中。 这一次，我们谈论的是 Youtube PWA。
PWA 采用最大的长视频社交平台背后的故事是什么？
在令人印象深刻的十年中，Youtube 实现了信念的飞跃，将其帝国从 1 亿增加到 10 亿。 自 15 年以来，Youtube 一直是在线视频平台的王者。
Youtube 每月有 22 亿用户每天花费数小时观看视频内容，它还保持着仅次于谷歌的第二大热门搜索引擎的记录。 在这里，我们所有人都去那里寻找属于自己的部落，加入运动并创造持续在线和离线的影响。
Youtube 让内容创作者可以很容易地将他们的作品广泛传播给热切的观众，这回答了为什么 Youtube 上的一切都适合所有人。 从制作、流媒体到美容评论、食物、政治等等。 对于用户（创作者和观众）和 Google 来说，这完全是双赢的。
在引入 Progressive Web App 的新术语后，Google 团队在告知和引导其他开发人员以及用户掌握 PWA 方面做得非常出色。
许多知名品牌在谷歌开发者的帮助下实现了他们的第一次创新飞跃，例如 Twitter 在 2018 年推出了其全球最大的 PWA。不久之后，谷歌照片成为下一个作为 PWA 提供的产品，谷歌的其他服务也是如此，即 Google Drive、Google Travel 和 Google Maps。
正如团队所解释的，在 2019 年，Youtube 希望为其高级用户提供 PWA 访问服务，以便随时随地使用该平台，即使在网络性能较弱的情况下也是如此。 PWA 应用现代 Web 功能使 Web 应用程序体验与原生应用程序非常相似，而浏览器选项卡中的页面可以作为沉浸式的高级应用程序执行。
如果 Chrome 上的用户想要将应用程序添加到主屏幕并且只使用桌面应用程序，他们也可以体验 Youtube PWA。 除此之外，离线浏览等关键功能不可用，因为这对于开源 Youtube PWA 来说是最小的。
根据各种报道，由于 PWA 为许多新技术进步开辟了空间，因此转换为 PWA 有助于谷歌对其旗舰平台之一进行进一步的重大改进。
相关文章：
开发像星巴克 PWA 这样的 PWA 需要多少成本？
阿里巴巴 PWA：以渐进式 Web 应用取胜
Pinterest PWA：以正确的方式提升移动性能
Youtube PWA 迄今为止的成就
YouTube PWA 增强了其高级用户体验
Youtube PWA 旨在为高级版提供身临其境的视频体验，无论显示何种平台、设备、网络质量或视频形式。
如果您没有在 Chrome OS 上下载 Android 应用程序，那么在断开连接时就没有其他方法可以观看 Youtube 视频。 但是随着 PWA 的出现，情况发生了彻底的变化，高级用户可以随时随地使用任何设备收看离线视频。
为无缝访问创建默认应用体验
为了实现这一点，谷歌的开发人员表示，为了让 Youtube 获得具有更流畅用户体验的 PWA，包括随时带出冒险的安全离线播放，我们进行了大量的学习和实验。
位于 Youtube 上的是用于推送通知的服务工作者，但它缺少 fetch处理程序。 关于之后可能崩溃的站点，开发团队寻找了一个替代解决方案，创建一个无操作服务工作者，能够将用户转换回类似浏览器的默认站点。
通过这些不断的小变化，Youtube 团队希望用户始终能够访问最新版本，因此 PWA 可以帮助直接从源网络提供服务，并且只在必要时缓存回来。
为了避免 service worker 阻止和分散注意力，他们执行网络优先缓存并使用 Navigation Preloads。 考虑到破损，开发团队还设置了一个监控服务工作者。
在 Chromebook 上试验 PWA
Youtube 团队选择 Chromebook 用户作为测试运行的理想人选。 因为他们都配备了最新的 API，所以他们将获得真实用户对更新的直接反馈。 这些运行还充当最终用户的 PWA 适应阶段，从简单的功能开始，例如：
- 支持鼠标和键盘活动的新智能触摸手势
- 双击快进播放速度
- 语音搜索
- 集成网络共享、应用快捷方式和声明式链接捕获，以启用更多 PWA 功能
YouTube TV 提示经常观看者安装 Progressive Web App
如果您访问 tv.youtube.com，您就会知道 Chrome 的多功能框中有一个“加号”按钮。 与任何其他 PWA 一样，可以启用提示以鼓励用户更多地了解 PWA 可以做什么。 而且您知道在电视上打字比较困难，因此安装该应用程序一次可以节省您的时间和更多。
Youtube TV PWA 知道这一点，他们通过系统对话框一角的蓝色“安装应用程序”按钮提示熟悉的观众。 用户总是可以选择撤回邀请，但从长远来看，愿意撤回的人会更少。
在基于家庭屏幕的新 PWA 版本中，当查看位于上方时，您将不再看到地址栏以及其他浏览器 UI。 除此之外，还可以使用溢出位置指示符来指示执行内容的类型。
相关话题：
Uber PWA：渐进式 Web 应用的完美案例研究
WordPress PWA：你需要知道的一切
Twitter PWA：发现其令人兴奋的功能
关于 Youtube PWA 的常见问题
- Youtube 有 PWA 吗？
是的。 在成功采用 Youtube Music PWA 后，Youtube 于 2019 年在 Chromebook 上发布了其 PWA 版本，而高级用户可以在离线使用时体验其更多的独家功能。
- 什么是 PWA Youtube？
Youtube PWA 使用 PWA 技术为用户创建更健康和无缝的默认功能。 PWA 版本旨在让频繁观看者更容易享受 Youtube，并通过弹出窗口提示用户将 Youtube 网站添加到他们的主屏幕。 这样，用户不再需要更新应用程序，而是会自动体验 Google 的最新改进。
- 如何添加 Youtube PWA？
通常情况下，多功能框中的加号图标会提示 Chrome 用户单击并将 Youtube PWA 添加到主屏幕并像应用程序一样使用它。 它与以前在 Google Chrome 的溢出菜单中流行的“安装”选项不同。
在“安装”过程完成后，用户会在应用启动器中看到著名的红色播放标志和 Youtube 的名称。 他们现在可以在全视图窗口中打开 Youtube，而不会在附近看到地址栏。 用户界面元素更接近于原生桌面应用程序的体验，货架固定功能将立即为用户提供访问权限。
- Youtube 音乐是 PWA 吗？
在为大品牌创建了许多著名的 PWA 发布之后，Google 开始构建并提供自己的应用程序作为 PWA，包括 YouTube Music PWA。 经过 15 个月的试用后，采用再次成功，不久之后，他们的旗舰平台 Youtube 紧随其后。
- Youtube PWA 是如何工作的？
总的来说，Youtube PWA 与旧的网络版本并没有太大的变化，最大的不同是你会开始看到提示弹出窗口，其中包含一个立即安装 Youtube 的链接。 它的显示方式会根据特定的 Web 浏览器而改变，但所有现代 Web 浏览器都支持 PWA。 安装后，您将让 Youtube 在自己的窗口中运行，就像另一个普通应用程序一样，而不是浏览器选项卡。
更多 PWA 示例：
Uber PWA：渐进式 Web 应用的完美案例研究
WordPress PWA：你需要知道的一切
Twitter PWA：发现其令人兴奋的功能
关键要点
Progressive Web App 能够进行许多创新改进，但由于 Youtube PWA 的采用率极低，因此您看不到它的全部功能。 除了离线使用，并支持主屏幕安装和推送通知等类似应用程序的功能外，PWA 还具有将您的网站加载速度提高到几秒钟甚至更多的能力。
基本上，PWA 有能力开发更多的技术改进，所以谷歌希望 Youtube 能够无限制地配备最新的进步，我们有 Youtube PWA。 没有太多可以谈论的变化，但整体体验变得更加流畅和多样化。
如果您想详细了解 PWA 可以为您的网站做些什么，请联系Tigren进行免费咨询。 我们是顶级 PWA 开发机构之一，我们在这里为您提供承诺高回报和透明定价策略的优质 PWA 开发以及免费支持。
更多 PWA 案例研究：
AliExpress PWA：使用 Progressive Web App 提高转化率
Reddit PWA：领先的社交媒体如何利用 Web 应用程序