了解小型团队如何通过打造引人注目的市场 PWA 大获成功。
OpenSooq 总部位于约旦安曼，是一个移动优先的分类广告购物平台，在中东和北非的 19 个国家/地区提供各种产品和服务。
挑战
OpenSooq 超过 85% 的流量来自移动设备，并且这一数字还在不断增长。该地区的许多人依赖于存储容量有限的低端设备，这迫使 OpenSooq 的移动网站尽可能快速且精简。然而，OpenSooq 旧版移动网站的加载时间过长影响了客户满意度，科威特等市场的跳出率高达 49%。
为了在所有平台上为客户提供始终如一的更出色的体验，该公司意识到他们需要一个更快、响应更快的网站。因此，2017 年 6 月，OpenSooq 的工程团队发布了渐进式 Web 应用 (PWA)。
注重性能和可靠性
OpenSooq 的三家内部开发者在短短两个半月内就能够使用 React 和 webpack 构建功能齐全的 PWA。
为了确保网站可以快速且易于搜索引擎编入索引，该团队选择实施服务器端呈现。由于近 28% 的用户会通过零散的 2G 或 3G 网络访问 PWA，因此无论网络限制如何，确保用户信任体验都能正常运作，这一点至关重要。因此，该团队使用Service Worker 以及缓存优先、网络优先的策略实现了离线体验。他们还使用了 PRPL 模式为用户提供即时加载。
通过采用这些最佳做法，该团队将平均网页加载时间（可交互时间）从 4 秒缩短到 2 秒以下。此外，他们还使用 Lighthouse 来确保网站能够保持快速运行。这些努力帮助 OpenSooq 的每月网页浏览量超过 18 亿次。
超过四分之一的用户通过中低网络访问 OpenSooq PWA，因此可靠性对于持续吸引用户至关重要。Service Worker 和缓存策略帮助我们无缝地打造了所需的可靠用户体验。
Amin Shoman，OpenSooq PWA 技术经理
提高再互动度
OpenSooq 团队打造了高效可靠的体验，希望确保他们的用户持续与产品互动。为此，他们允许用户将 PWA 安装到其主屏幕，并支持有意义的通知。这样一来，该网站就可以将卖方与查询的互动告知买方，并告知卖方有关广告启用和到期日期的信息。
这些改进使 OpenSooq 的 Web 体验的月活跃用户数增加了 14%。对于安装了 PWA 的用户，每次会话的页面访问次数增加了 48%，平均会话时长增加了 28%。此外，OpenSooq 在所有市场中用户的平均页面停留时间增加了 25%，平均跳出率降低了 29%。
展望未来
只经过几周的努力，OpenSooq 就创建了 23 KB 的功能齐全的 PWA，它能够为所有平台和浏览器的用户提供一致的体验。此外，由于更新 Web 功能非常简单，因此该团队采用 PWA 优先策略，先在 PWA 上发布和测试新功能和用户流，然后再将其推广到其他平台。
OpenSooq 目前正致力于添加针对特定平台的安装提示，并将 PWA 与 Accelerated Mobile Pages (AMP) 集成。这些增强功能会进一步加快网页加载速度，并使用户尽可能顺畅地过渡到针对具体平台的应用。在最初的开发工作的基础上，OpenSooq 团队将继续为用户提供最佳体验。
领导层和技术团队都清楚开发 PWA 的重要性。在构建了一个现代 Web 应用并使其高效运行后，我们很高兴看到这项业务对我们 2.5 个月的投资产生的影响。
Ramzi Alqrainy，OpenSooq 首席技术官