瞭解小型團隊如何透過打造引人入勝的市集 PWA 大獲成功。
OpenSooq 是一家以行動裝置為優先的二手交易市集，位於約旦的 Amman，在整個中東和北非的 19 個國家/地區提供多種產品和服務。
難題
OpenSooq 的流量中有超過 85% 來自行動裝置，而且這個數字還在持續攀升。該地區許多人使用儲存空間有限的低階裝置，因此 OpenSooq 的行動版網站必須盡可能輕量化，以便快速載入。不過，OpenSooq 舊版行動網站的載入速度緩慢，影響了客戶滿意度，在科威特等市場的跳出率高達 49%。
為了在所有平台上為客戶提供一致的優質體驗，該公司意識到需要打造速度更快、回應速度更快的網站。因此，OpenSooq 的工程團隊在 2017 年 6 月推出了漸進式網頁應用程式 (PWA)。
著重於效能和穩定性
OpenSooq 的三位內部開發人員只花了兩個半月的時間，就能使用 React 和 webpack 建構功能完整的 PWA。
為確保網站能快速且輕鬆地供搜尋引擎編入索引，團隊選擇實作伺服器端轉譯。由於近 28% 的使用者會透過不穩定的 2G 或 3G 網路存取 PWA，因此無論網路限制為何，使用者都必須能信任使用體驗。因此，團隊採用服務工作者和先快取再網路策略，實作離線體驗。他們也使用 PRPL 模式，讓使用者能立即載入內容。
採用這些最佳做法後，團隊便能將平均網頁載入時間 (互動準備時間) 從 4 秒縮短至不到 2 秒。他們使用Lighthouse 確保網站維持該速度。這些努力讓 OpenSooq 的每月網頁瀏覽次數達到 18 億次。
超過四分之一的使用者透過中低網路連線存取 OpenSooq PWA，因此穩定性對於維持這些使用者的參與度至關重要。服務工作程式和快取策略有助於我們打造所需的穩定使用者體驗，且能順暢運作。
Amin Shoman，OpenSooq PWA 技術經理
改善再參與
OpenSooq 團隊打造出效能出色且可靠的體驗後，希望確保使用者持續與產品互動。為此，他們讓使用者可以將 PWA 安裝到主畫面，並新增實用通知支援功能。這讓網站可以通知買家有關賣家與查詢互動的資訊，並通知賣家廣告啟用和到期時間。
這些改善措施讓 OpenSooq 的網站體驗每月活躍使用者人數增加了 14%。安裝 PWA 的使用者，單次工作階段的網頁瀏覽次數增加了 48%，平均工作階段持續時間則增加了 28%。OpenSooq 也發現，使用者在網頁上的平均停留時間增加了 25%，所有市場的平均跳出率則降低了 29%。
展望未來
經過幾週的努力，OpenSooq 打造出一個 23 KB 的完整功能 PWA，為所有平台和瀏覽器的使用者提供一致的體驗。由於網頁上的功能很容易更新，因此團隊採取先推出 PWA 的做法，在 PWA 上推出並測試新功能和使用者流程，然後再推廣至其他平台。
OpenSooq 目前正在努力新增平台專屬安裝提示，並將 PWA 與Accelerated Mobile Pages (AMP) 整合。這些強化功能可進一步加快網頁載入速度，並盡可能順利轉換至特定平台的應用程式。OpenSooq 團隊將持續以最初的開發成果為基礎，為使用者提供最佳體驗。
領導團隊和技術團隊都清楚瞭解開發 PWA 的重要性。在建構現代化的網頁應用程式並提升其效能後，我們很高興看到這項 2.5 個月投資帶來的業務影響。
OpenSooq 技術長 Ramzi Alqrainy