Twitter Lite PWA 显著提高了互动度并减少了流量消耗

Twitter 详细信息

Twitter 是一个让人们了解世界上正在发生的事情的平台。该平台在全球拥有 3.28 亿月活跃用户,他们负责使用、创建和共享信息。超过 80% 的用户都使用移动设备,Twitter 希望能够提供更快、更可靠且更具吸引力的移动网络体验。Twitter Lite 渐进式 Web 应用结合了现代 Web 功能和原生功能的优势。它于 2017 年 4 月成为全球所有用户的默认移动网络体验。Twitter 开发了 Twitter Lite,旨在提供更可靠的体验,设定了实现即时加载、用户互动和降低数据使用量的明确目标。

  • 每次会话浏览页数增加 65%
  • Tweet 推文增加了 75%
  • 跳出率降低了 20%

Twitter Lite 现在是最快速、最便宜且最可靠的 Twitter 使用方式。Web 应用的性能可与原生应用相媲美,但与 Android 版 Twitter 相比,该应用占用的设备存储空间不到 3%。

Nicolas Gallagher,Twitter Lite 工程主管

利用“Add to Homescreen”提示和网络推送通知提高互动度

Twitter 的网站可覆盖数百万用户,但过去一直很难在移动网站上重新吸引用户。在实现“添加到主屏幕”提示,要求用户将 Twitter Lite 保存到主屏幕后,Twitter 发现,每天有 25 万唯一身份用户从主屏幕启动 Twitter Lite 4 次。

Twitter 实现的网页推送通知与原生应用的 Web 推送通知相同,即使用户的浏览器关闭,它也会显示。该实现每天传送超过 1,000 万条推送通知。

降低数据使用量

默认情况下,Twitter Lite 会使用较少的数据流量,以传送较小的媒体资源并尽可能依赖缓存的数据。PWA 还会优化图片,在用户滚动浏览时间轴时,帮助减少高达 70% 的数据消耗。流量节省程序模式允许用户控制 Twitter Lite 下载媒体资源的时间,从而帮助用户保留更多移动流量。

对 Twitter 而言,覆盖广泛的用户群体非常重要,其中包括下载速度较低且移动设备性能较低的新兴市场中的用户。Twitter Lite 能让 Twitter 在低带宽环境下更快速、更易于使用,从而更有效地覆盖此类受众群体。

Twitter Lite 用户可从节省数据流量中受益;PWA 仅传输了 600KB,而安装原生 Android 应用需要下载 23.5MB 的数据。

使用 Service Worker 脚本实现近乎即时的加载

Twitter Lite 在大多数设备上通过 3G 网络首次加载的时间不到 5 秒,后续加载几乎是即时的,即使网络不稳定也是如此。应用将初始 HTML 响应流式传输到浏览器,同时发送指令以预加载关键资源。资源会拆分为多个精细块,因此初始加载只需要显示可见屏幕所需的资源。Service Worker 脚本会缓存其他资源,让您能够快速导航到其他屏幕。

移动设备使用量超过 Twitter 使用量的 80%,其中许多 Twitter Lite 用户是通过 2G 或 3G 网络访问网站的。在首次加载和后续查看时提供快速的用户体验对于让用户能够尽快查看和创建推文至关重要。Twitter 推出了智能加载策略(例如 Service Worker)和 PRPL(推送、渲染、预缓存和延迟加载)模式的某些部分,以大幅缩短这两个 activity 的加载时间。得益于 Service Worker 对当前视图、Feed 更新、通知、消息和设置的缓存,重复访问几乎可以实时完成。Twitter Lite 用户将第 99 百分位的交互延迟时间缩短了 50%,并且已登录用户的平均加载时间缩短了 30%。

Twitter 采取了一种增量方法,利用 Service Worker 实现离线和网络弹性,首先在没有网络连接时显示自定义离线页面。接下来,他们转为离线缓存 CSS、图片和 JavaScript 软件包等静态资源,以加快重复访问的速度。最后,他们添加了对 Application Shell 离线缓存的支持。结果:当用户返回 PWA 时,Twitter Lite 的启动时间不到 3 秒,即使是在速度缓慢的移动设备或网络上。

延伸阅读