Orange：新版 PWA 在移动设备上的转化率提高了 52%

此外，新版 PWA 的平均加载时间比旧网站快 30%，跳出率提升了 12%，会话深度提升了 18%。

Adam Skręt

Marcin Sierakowski

Rafał Filipek

Orange Polska S.A.（隶属于国际 Orange Group）是波兰领先的电信服务商，包括语音、数据、互联网接入和电视等移动和固定电信服务。我们还提供 IT 和集成服务、租赁线路以及其他电信增值服务和设备。

新 PWA 的屏幕截图。

挑战

我们都知道，当网站总是加载时，焦虑会转化为烦恼。对于几乎没有实体办公空间的数字公司，这种影响是显而易见的，特别是对于移动应用，我们的内部研究明确表明，卸载应用的最重要原因就是速度。但是，如果您在像我们这样成熟的行业开展业务，并且对分销渠道采用强有力的实体策略，那么数字速度的影响就不那么明显了，因为数字化不是我们销售的唯一来源。这使得说服高管们更具有挑战性。

在向管理人员推介时，我们参考了 Google Analytics（分析）上的历史效果数据，清楚地显示加载时间与转化率之间的相关性，从而进一步完善了我们的案例。根据冷静的确凿事实表明，网页加载时间每增加 1 秒，收入和销售额就降低了 15-20%。

显示加载时间与转化次数之间相关性的图表。 — 顶部的图表（橙色）显示旧网站上的转化率，并按加载时间细分。例如，左边的第一个条表示遇到加载时间不到 2 秒的用户。其旁边的长条表示所体验到的加载时间在 2 到 3 秒之间的用户。底部的图表（灰色）显示了所有用户在旧网站上实际经历的加载时间。

解决方法

我们决定打造渐进式 Web 应用 (PWA)。我们特别关注移动流量，因为超过 75% 的客户都是通过移动设备使用我们的网站。该团队同样注重改善关键绩效指标以及提供更具吸引力和吸引力的体验。

我们推出了一个新的跨职能 Scrum 团队（包括 IT、业务和用户体验专家），该团队旨在提供概念验证，以回答以下问题：

我们能否在遵循重大旧版限制的前提下有效缩短加载时间？
这会对转化次数和收入产生什么实际影响？

我们选择 Next.js 是因为它有许多优化功能默认启用或易于设置，例如服务器端自动呈现（这对我们的搜索引擎优化 (SEO) 尤为重要）、数据预提取和代码拆分。我们需考虑的另一个重要因素是，Next.js 使我们能够逐个迁移页面，而不会给旧版应用带来任何问题。然而，我们必须在仍然依赖旧系统的复杂环境中管理转型，从而导致服务不可用。为了解决此问题，我们集成了 Workbox，这样一来，即使后端关闭，我们的网站也随时可用。此外，Workbox 还内置了预缓存、请求路由和运行时缓存解决方案，大大提升了性能。

成果

新版 PWA 的平均加载时间比旧网站快 30%，移动设备上的转化率提高了 52%，跳出率提高了 12%，会话深度提高了 18%。这一经验证实了将所有面向客户的解决方案（包括客户自我关怀和销售人员前端）转换为 PWA 技术的战略方向。