借助基于 AMP 的 PWA,Mynet 将移动网站体验速度提升至原来的 4 倍,收入增长了 25%

MyNet 详细信息

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%