了解一个小团队如何通过打造富有吸引力的购物平台 PWA 取得巨大成就。
OpenSooq 位于约旦安曼，是一个以移动设备为先的分类广告交易平台，在中东和北非的 19 个国家/地区提供各种各样的商品和服务。
挑战
超过 85% 的 OpenSooq 流量来自移动设备，而且这一数字还在不断增加。该地区的许多用户使用存储空间有限的低端设备，因此 OpenSooq 的移动网站必须尽可能快速、轻量。不过，OpenSooq 旧版移动网站的加载速度缓慢，影响了客户满意度，导致科威特等市场的跳出率高达 49%。
为了在所有平台上为客户提供始终如一的卓越体验，该公司意识到，需要打造响应速度更快、更灵敏的网站。因此，OpenSooq 的工程团队于 2017 年 6 月推出了渐进式 Web 应用 (PWA)。
专注于性能和可靠性
OpenSooq 的三位内部开发者只用了两个半月的时间，就使用 React 和 webpack 构建了一个功能齐全的 PWA。
为了确保搜索引擎能够快速轻松地对网站进行编入索引，该团队选择了实现服务器端呈现。由于近 28% 的用户通过不稳定的 2G 或 3G 网络访问 PWA，因此无论网络限制如何，用户都必须信任该体验能够正常运行，这一点至关重要。因此，该团队使用服务工件和先缓存后网络策略实现了离线体验。他们还使用了 PRPL 模式，让用户能够立即加载。
通过采用这些最佳实践，该团队将平均网页加载时间（可交互时间）从 4 秒缩短到了不到 2 秒。他们还使用了 Lighthouse 来确保网站保持如此快速的速度。这些举措帮助 OpenSooq 的月度网页浏览量达到了 180 亿次以上。
超过四分之一的用户通过中低速网络访问 OpenSooq PWA，因此可靠性对于吸引这些用户保持互动至关重要。借助服务工件和缓存策略，我们能够顺利打造所需的可靠用户体验。
OpenSooq 的 PWA 技术经理 Amin Shoman
提高再互动度
打造出高性能且可靠的体验后，OpenSooq 团队希望确保用户对该产品保持兴趣。为此，他们允许用户将 PWA 安装到主屏幕，并添加了对有意义的通知的支持。这样一来，该网站就可以通知买方有关卖方与查询的互动情况，并通知卖方有关广告启用和到期情况。
这些改进使 OpenSooq 网站体验的月活跃用户数增加了 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 首席技术官