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