与旧版网站相比，新版 PWA 的平均加载时间缩短了 30%，跳出率降低了 12%，会话深度提高了 18%。
Orange Polska S.A.（国际 Orange 集团旗下公司）是波兰领先的电信服务提供商，提供移动和固定电信服务，包括语音、数据、互联网接入和电视等服务。我们还提供 IT 和集成服务、专线以及其他增值电信服务和设备。
挑战
我们都知道，当网站花很长时间才能加载完毕时，会让人感到焦虑，进而感到烦躁。 对于几乎没有实体店面的数字公司来说，这显然会产生影响，尤其是在移动应用方面。我们的内部研究清楚地表明，应用被卸载的首要原因是速度。不过，如果您像我们一样，在成熟的行业中运营，并拥有强大的实体店分销渠道策略，那么数字化速度的影响就不那么明显，因为数字渠道并非我们销售收入的唯一来源。这使得说服高管投资于速度变得更加困难。
在向高管推介时，我们利用 Google Analytics 中的历史效果数据，清晰地展示了加载时间与转化率之间的相关性，从而更有力地证明了我们的观点。我们能够用确凿的事实证明，每增加一秒的网页加载时间，收入和销售额就会降低 15-20%。
做法
我们决定构建一款渐进式 Web 应用 (PWA)。我们之所以专注于移动流量，是因为超过 75% 的客户都是通过移动设备使用我们的网站。该团队同时致力于提升关键绩效指标，并提供更具吸引力和吸引力的体验。
我们成立了一个新的跨职能 Scrum 团队（包括 IT、业务和用户体验专业人士），旨在提供概念验证来回答以下问题：
- 我们能否在遵守重大旧版限制的情况下有效缩短加载时间？
- 对转化次数和收入会有何实际影响？
我们之所以选择 Next.js，是因为它具有许多优化功能，这些功能要么默认启用，要么易于设置，例如自动服务器端呈现（对 SEO 尤其重要）、数据预提取和代码分块。我们考虑的另一个关键因素是，Next.js 使我们能够逐个迁移网页，而不会在旧版应用中引入任何问题。不过，我们不得不在仍依赖旧版系统的复杂环境中管理转型，这导致服务无法提供。为解决此问题，我们集成了 Workbox，以便我们的网站即使后端宕机也能随时访问。得益于 Workbox 内置的预缓存、请求路由和运行时缓存解决方案，我们的性能也得到了显著提升。
结果
与旧网站相比，新 PWA 的平均加载时间缩短了 30%，移动设备上的转化次数增加了 52%，跳出率降低了 12%，会话深度提高了 18%。 这项体验证实了将所有面向客户的解决方案（包括客户自助服务和销售人员前端）转换为 PWA 技术的战略方向。