Mynet 每个月为其网站提供超过 3400 万访问者提供其新闻、视频、游戏、金融、信息和娱乐内容和服务。在发布采用 Accelerated Mobile Pages (AMP) 呈现内容的渐进式 Web 应用 (PWA) 后，他们发现，平均网页加载时间缩短了 4 倍。此外，Mynet 的用户互动度也得到了显著提升，用户在其移动网站上花费的平均时间增加了 43%。
- 每次报道网页浏览量增加了 25%
- 平均网页加载速度提高 4 倍
- 平均网站停留时间延长 43%
- 每次会话的网页浏览量增加了 34%
- 跳出率降低了 24%
挑战
Mynet 超过 85% 的移动流量来自移动网络，是他们策略中不可或缺的一部分。但他们注意到，用户在移动网站上花费的时间比访问原生应用的用户少 2 倍。在分析其移动网站上的用户行为时，Mynet 显然发现他们的移动网站体验速度太慢了。Mynet 需要构建一个极为快速且极具吸引力的移动网站，这类似于他们使用原生应用能够实现的目标。
解决方案
为了同时提升流量和再互动度，Mynet 推出了一款 PWA，它使用 AMP 在移动网站上提供类似应用的快速体验。采用这种设置后，文章页面的加载速度比旧移动网站快 4 倍。这也使得跳出率相应地降低了 24%。Mynet 还发现速度与互动度之间存在关联，因为用户在网站上停留的时间增加了 43%。此外，他们的每次会话网页浏览量增加了 34%。这一切都是分几个阶段实现的：
利用 AMP 快速上手
Mynet 最初构建了对其文章的支持，并以独立的 AMP 网页的形式提供。这样，它们就可以在 Google 搜索结果的 AMP 轮播界面中显示结果。此外，它还可以为用户在移动网络上浏览内容提供出色的网页加载性能，这在网络受限或不稳定的网络上至关重要。对其 CMS 系统而言，发布独立的 AMP 网页并没有什么大的挑战，而且只花了两周时间就在 AMP 中发布了所有报道内容。
为了确保广告尽可能快速高效地投放，Mynet 发布了 AMP 广告。此类广告的加载速度最高是标准广告的两倍，点击率 (CTR) 和收入增幅高达 30%。
使用 PWA 保持快速运行并再次吸引用户
接下来，Mynet 希望改进他们的移动网站，因此他们使用 PWA 技术单独构建了一个测试版的移动网站。他们希望利用这些技术提供更接近应用的沉浸式用户体验 (UX)，而不是尽量减少对底层网站的更新。具体而言，他们利用 Service Worker 在不稳定的网络上实现可靠的性能，并使用用户提示“Add to Home Screen”和推送通知，以促进再互动。他们打造了一流的 PWA，Lighthouse 性能得分为 95/100。 （Lighthouse 是一种用于提高网页质量的自动化工具，可针对网络上的任何网页运行。）
AMP 和 PWA 搭配使用效果更佳
在将 AMP 和 PWA 作为独立版本进行测试并优化其性能后，Mynet 已准备好进入为移动网站构建统一解决方案的最后阶段。通过将 AMP 内容页面放入 PWA 中，新的移动网站提升了速度和易用性。在结合 AMP/PWA 的网站推出后，Mynet 将网站生产版本的数量（移动设备和桌面设备）减少了一半，从而减少了维护和改进代码所需的实现数量。
为什么要结合使用 AMP/PWA 解决方案？AMP 可在移动网络上实现出色的首页加载性能，而 PWA 则使重复访问快速可靠。得益于“Add to Home Screen”提示和推送通知，PWA 还可以让网站提高用户的再互动度。总而言之，此策略使 Mynet 无论网络状况如何，都能针对首次或重复访问提供高质量的体验。
在访问 Mynet 移动网站的用户中，大约有 30% 使用的是 iOS 设备。 Mynet 发现，在 iOS 上，每次会话的平均网页浏览量增加了 15%，跳出率下降了 23%。这一切都因为 iOS 上缺少 Service Worker 支持而无法使用“添加到主屏幕”、推送通知和离线缓存。之所以能提高互动度，是因为基于 AMP 的 PWA 提升了速度和界面 (UI)。
在 PWA 中使用 AMP 的总体影响是，让每次文章网页浏览的广告收入增加了 25%。
为了重新关注速度，我们决定集成 AMP 并构建渐进式 Web 应用。AMP 对于减少网页放弃率非常重要，现在我们看到 AMP 网页的加载速度提高了四倍。通过构建 PWA，我们实现了与应用功能相当的功能，现在用户浏览我们网站的时间增加了 43%，并且回访频率也更高。
Fuat Seker，Mynet 业务发展和产品组经理
更多结果
- 利用 AMP 广告将加载时间缩短至原来的 2 倍
- 利用 AMP 广告，点击率和收入提高了 30%
- iOS 上每次会话的平均网页浏览量增加了 15%
- iOS 中的跳出率降低了 23%