2022 年每個 PWA 統計數據都可提供更好的電子商務洞察力

已發表: 2022-02-14

目錄

漸進式 Web 應用程序 (PWA) 為電子商務商店所有者提供了很多好處。 從驚人的加載速度到類似原生應用的 UI/UX,PWA 可以顯著利用移動購物體驗。 PWA 新手並想詳細了解它如何幫助您的業務發展? 在此處查看 PWA 性能和成功案例的一些統計數據。

速度提升統計

PWA 利用增強的 Web 技術,使其能夠將 Web 數據存儲在用戶設備的緩存中。 結果,它減少了服務器的響應時間並顯著提高了加載速度。

  • 平均而言,與之前的移動網站相比,使用 PWA 的網站可以將速度性能提高 63%。 [1]
  • 使用 PWA 將頁面加載速度提高兩到四倍[2]
  • PWA 站點平均加載時間為 2.75 秒[3]

到目前為止,這裡有一些關於 PWA 速度性能的令人印象深刻的數據:

  • 通過遵循 PWA 最佳實踐,George.com 的速度提高了 3.8 倍 (280%)。 [4]
  • Housing.com 成功地將其加載時間從 6 秒縮短到 1.5 秒 (300%)。 [5]

與桌面屏幕相比,移動屏幕的網頁設計面臨很多困難。 可以使用的空間越來越小。 此外,任何復雜的用戶體驗效果都會使網站變得沉重,這會讓所有客戶感到沮喪。

PWA 以其驚人的性能讓店主有更多的自由來為其移動商店設計一流的客戶體驗。

案例研究 1:藍色屠夫

Butcher of Blue 是荷蘭的一個現代服裝品牌,它擁抱可持續發展趨勢。 該品牌不僅要滿足客戶的期望,還要超越它。 PWA 就是答案。 Progressive Web App 使他們的網站速度顯著提高了 85% [6]

此外,他們的移動網站具有一些類似於原生應用程序的功能,例如底部導航選項卡和條形碼掃描儀。 PWA 可幫助這些功能順利運行,而不會影響網站的移動性能。

PWA 和 AMP

AMP(Accelerated Mobile Pages)是 Google 的另一項網絡應用計劃,可幫助網站提高頁面速度。

PWA,如果加上 AMP,加載速度會更快。

  • BMW 的 PWA-AMP 部署已將其頁面速度提高了 300% [7]
  • 旅遊網站 Wego 成功地將其性能從 12 秒提高到不到 1 秒。 [8]

應用程序大小和數據消耗統計

有限的手機存儲空間和冗長的應用程序下載時間是購物者不安裝移動應用程序的常見原因。 畢竟,如果他們還不是你的忠實粉絲,他們覺得沒有必要為你的應用騰出一些手機空間。

使用 PWA,買家無需下載任何內容即可瀏覽產品並完成交易。

此外,Web 應用程序通常比原生應用程序更輕量級。 因此,當他們在手機上安裝 PWA 站點時,它不會佔用太多空間。 這對於使用存儲空間有限的老式手機的用戶來說至關重要。

此外,PWA 消耗的移動數據更少,這對於使用它訪問互聯網的人來說是經濟的。 想想那些在旅途中的人,比如旅行者、商人或火車乘客。

  • Petlove 的 PWA 比其原生應用小 8 倍。 [9]
  • Bookmyshow 的 PWA 比他們的 Android 應用輕 54 倍,比他們的 iOS 應用輕 180 倍。 [10]
  • 非洲著名市場 Jumia 的 Web 應用程序佔用的空間少 25 倍,其用戶在首次交易時使用的數據量比其本地應用程序少 80%。 [11]
  • Flipkart 的移動網站比其 Android 應用程序小 100 倍,比其 IOS 應用程序小 300 倍。 他們的常客也只需要 10kb 來加載網站。 [12]

此外,一個名為 service worker 的腳本使 PWA 站點能夠在離線模式下運行。 因此,針對生活在糟糕的互聯網網絡下的客戶,這是一個了不起的選擇。

案例研究 2:Blibli

Blibli PWA

Blibli 是印度尼西亞的一個大市場。 在發現 70% 的網絡用戶來自移動設備後,他們決定採取行動。

以下是他們需要事先考慮的一些事實:

  • 他們的大量客戶是中低端人群,他們的移動設備屬於低端或中端類別。
  • 印度尼西亞許多地區的網絡連接可能很差。
  • 他們有大量的 SKU 集合。

在這些情況下,PWA 是提供流暢移動商務體驗的最簡單途徑。

他們的 PWA不到 1MB ,比他們的 Android 應用輕 24 倍。 結果,頁面加載時間快了3 倍。 因此,它導致跳出率下降了 42% ,轉化率提高了 8 倍[13]

網站流量統計

  • PWA 移動網站可以將每月自然流量從 14% 提高到 630% [1]

由於大多數消費者現在使用手機在線購物,店主可以重新審視他們的 SEO 策略和移動 UI/UX 設計,以獲得更高的搜索引擎排名。

PWA 因其速度、出色的用戶體驗和優化的 URL 而備受讚譽。 因此,網絡應用程序可以幫助改善 SEO 並吸引更多潛在買家。

案例研究 3:Garten-und-frezeit

Garten n frizeit PWA

Garten-und-frezeit 是德國一家高端家具和園藝設備銷售商。 他們擁有大量實體店,年銷售額超過 6000 萬歐元。

對於大型企業來說,他們有 30,000 個 SKU 需要管理。 此外,他們提供為每個人量身定制的一致客戶服務。

該公司面臨著升級其技術堆棧以處理這些複雜需求同時促進增長的挑戰。

將無頭模型與 PWA 店面結合使用可以提供他們所需的確切功能和靈活性。

結果,該公司的有機數據發生了重大變化:

  • + 350% 每月活躍用戶
  • + 630% 的每月自然搜索流量[14]

參與率

  • 安裝 PWA 後,用戶在網站上花費的平均時間增加了 119%,而閱讀頁面的平均時長增加了 68.8%。 [1]
  • 網站轉為 PWA 後,跳出率平均下降 37.6% [1]
  • 每個會話查看的頁面數量增加了 133.67% [3]
  • 移動流量增加 68% [3]

Web 推送通知和“添加到主屏幕”提示是 PWA 保持客戶回頭客的兩個有用武器。

  • 由於 Push Notifications,全球電子零售商 Xtra 的點擊率提高了 12%,再互動率提高了 4 倍,這不可避免地導致用戶通過網絡推送實現了 100% 的銷售增長。 [15]

案例研究 4:阿里巴巴

阿里巴巴 PWA

中國電子商務帝國阿里巴巴已經擁有成功的移動應用程序和電子商務網站。 他們最初採用 PWA 來定位首次訪問者並將他們變成原生應用程序用戶。 然而,他們很快發現許多用戶更喜歡瀏覽 PWA 的快速、輕鬆的體驗。

對於 Android 用戶,該品牌使用“添加到主屏幕”觸發器來重新吸引首次使用的用戶,這使常客的參與率提高了 300%[16]

案例研究 5:樂天 24

Rakuten 24 是日本大型電子商務賣家樂天的一個小分支。

由於需要為移動購物者提供有效的解決方案,他們求助於 PWA。 這並不是一個令人驚訝的決定,因為 Web 應用程序部署速度很快,而且比原生應用程序便宜得多。

要關注的 PWA 功能之一是可安裝性,它讓用戶可以像原生應用程序一樣通過主屏幕輕鬆訪問他們的 Web 應用程序。 該品牌精心設計了一個友好的用戶指南,用於在移動設備上安裝 PWA。

PWA 添加到主屏幕說明
(照片/Web.dev)

這為企業帶來了巨大的成功,保留率飆升 450%每位用戶的訪問頻率增加 310%證明了這一點。 [17]

轉化與收入

速度、流量、參與率……都歸結為銷售,就轉化和收入而言,PWA 似乎帶來了很多好消息。

  • PWA 的實施可以提高 93.3% 的轉化率,最成功的案例比普通網站的轉化率高出 8 倍。 [1]
  • 部署 PWA 後,Mobify 的客戶通常會看到 20% 的收入增長。 [2]
  • Wonect 的自然流量收入增長了 79%,自然流量的轉化率提高了 86%。 [18]

案例研究 6:TALLY WEiJL

Tally WeiJ PWA

從 1984 年在瑞士的一個小車庫開始,TALLY WEiJL 現在在歐洲擁有超過 50 家門店。

他們在 14 個國家/地區擁有 14 家 Magento 商店。利用無頭技術,該時尚品牌決定將所有 14 個前端與後端分離。 然後,前端安裝了 PWA,並與一個後端系統統一。

他們為什麼這樣做?

PWA 確保了每個客戶都喜歡的出色性能。 此外,採用無頭結構,TALLY WEiJL 的營銷團隊只需與一個後端合作,即可將不同的促銷內容傳遞到多個前端。

該品牌針對 Z 世代,他們的品味和興趣可能會短暫改變。 因此,通過利用性能、削減運營成本和節省時間來獲得更好更快的內容,這些調整使他們能夠跟上這個客戶群的速度

結果,該公司看到:

  • 移動收入增加 131% [19]
  • 轉化率提高 140% [19]
  • 移動轉化率提高 131%。 [19]

案例研究 7:Truebill

Truebill 的案例凸顯了了解客戶洞察力以及如何使用 PWA 降低成本、增加收入的重要性。

Truebill 是印度的一個多供應商二手車市場,由於該國的互聯網連接不穩定,“他們的移動網站即使在 2G 網絡下也需要正常運行”。 他們渴望提供超越所有競爭對手的可靠移動瀏覽體驗。

因此,公司在擁抱 PWA 的全線下體驗的同時,也在努力優化 PWA 的速度。 結果是頁面加載時間減少了 44% ,用戶會話增加了 26%[20]

但這還不是全部。

由於他們的大多數客戶來自付費廣告,因此汽車安裝了“添加到家庭”功能,以最大限度地提高這一來源的收入。

為了避免垃圾郵件,Truebill 使用了一種智能的個性化策略來適時宣傳應用安裝橫幅。 他們選擇只在高流量頁面上顯示橫幅。 提示也僅在用戶完成任務或未採取任何特殊操作以盡量減少中斷時出現。

個性化添加到主屏幕提示 pwa
上下文提示也是個性化的。

結果,該品牌記錄了:

  • + 61% 的轉化率增加 [20]
  • + 89% 的收入到營銷支出增長。 [20]

由於開發 PWA 通常比製作原生應用程序更便宜、更順暢,通過正確的 PWA 策略,店主可以節省大量營銷費用。

包起來

我們希望這些 PWA 統計數據能讓您更好地了解它的好處。 此外,通過我們精選的案例研究,您可以深入了解如何成功使用 PWA。

SimiCart 是一家領先的科技公司,在 PWA 和無頭商務領域擁有超過 10 年的專業知識。 如果您還在考慮如何將 PWA 與您的商店整合以實現增長,請不要猶豫,向我們提問。

開發您的電子商務 PWA

PWA 統計 – 參考資料

[1] 互聯網上有大量來自 Google 和 Vue Storefronts 等知名公司的 PWA 成功案例。 Web 應用程序可以為每個企業提供不同的幫助,從而產生不同的數據。 因此,我們手動收集了電子商務商店的所有可信案例研究,併計算了平均百分比,讓您大致了解 PWA 的性能。

[2] 與穀歌一起思考。 “為什麼要等? Progressive Web App 現在可以推動移動收入。” 2018 年。

[3] 授權。 “Progressive Web App Infographic”,2017

[4] 谷歌開發者。 “George.com 通過新的 Progressive Web App 增強移動客戶體驗”,2018 年

[5] Tech.Treeboo。 “Treebo 的 PWA——迄今為止的旅程和影響”,2018 年

[6] Vue 店面。 “藍色屠夫:提供靈活性和獨特的用戶體驗功能”,2020

[7] 與穀歌一起思考。 “BMW 打造快速、流暢、可靠的移動網站之旅”,2018 年

[8] 谷歌開發者。 《威高》,2017

[9] 谷歌瀏覽器開發者。 “網絡體驗的新酒吧”,2017 年

[10] 谷歌開發者。 “BookMyShow 的新 Progressive Web App 將轉化率提高了 80%”,2017 年

[11] 谷歌開發者。 “Jumia 的轉化率提高了 33%,PWA 上的用戶增加了 12 倍”,2017 年

[12] 經濟時報。 “對於 Flipkart,這款應用推動了農村地區一半的新客戶獲取”,2017 年

[13] 網絡開發。 “Blibli 的 PWA 為每位用戶帶來的收入是他們之前的移動網站的 10 倍”,2021 年

[14] Vue 店面。 “Garten-und-Freizeit”PWA 作為增加自然流量的一種方式”,2021 年

[15] 谷歌開發者。 “超電子”,2016

[16] 谷歌開發者。 《阿里巴巴》,2016

[17] 網絡開發。 “Rakuten 24 對 PWA 的投資將用戶留存率提高了 450%”,2020 年

[18] Vue 店面。 “Wonect 案例研究:在全球市場推出 PWA”,2020 年

[19] Vue 店面。 “TALLY WEiJL 滿足 Z 世代不斷變化的期望的途徑”,2021 年

[20] 網絡開發。 “Truebill 如何讓網絡成為增長渠道”,2019 年