Home Blogs 頂級漸進式Web應用程式範例:Tinder,Twitter,Walmart
Applications

頂級漸進式Web應用程式範例:Tinder,Twitter,Walmart

About The Author

Outline

為了提供卓越的用戶體驗,各種企業現在都在採用最新技術,包括Progressive Web Apps (PWA),Single-Page Applications (SPA)和React網站。 移動網路性能不再是這些行業領導者的關注點,他們轉向了無頭電子商務,並採用了先進的電子商務Web應用程式來提供快速的轉換體驗。

由於速度等同於收入,而且電子商務是一個競爭激烈的行業,因此很難找到進步的Web應用程式示例。 但我們認為應該與公眾共享這些資訊,因為PWA採用者將獲得更高的可見度,流量,參與度和轉換率。 為了幫助電子商務公司了解當前形勢並了解其現狀,我們每月展示幾個頂級電子商務PWA示例。 在這一部分中,我們將家居裝飾,社交網路和大眾零售商等行業的領先公司進行了細分。

與PWA的社交網路平臺

Pinterest – PWA

Pinterest是為iOS和Android用戶構建PWA的早期採用者之一。 一個旨在激發創造性思維的平臺讓人們離開移動體驗。Pinterest報告說,他們全新的本地應用程式式PWA體驗將活躍移動用戶數增加了兩倍以上,會話持續時間增加了近4倍。 他們的主頁JavaScript有效負載從~490kb增加到~190kb,為低帶寬環境中的用戶創建了幾乎即時的頁面載入。 推送通知,“添加到主顯示器”提示,“夜間模式”設定和資產暫存為移動用戶創造了真正引人入勝的體驗。

2 TINDER – PWA

Tinder是一款約會應用程式,每月可在250多個不同國家/地區訪問超過6,000萬用戶,為桌面和移動用戶提供PWA。 這種新的Web體驗稱為Tinder Online,與他們的本機應用程式體驗相比,每個用戶會話可獲得更多的刷動,配置文件編輯和所花費的時間。 PWA芯子尺寸小巧,幫助Tinder將載入時間從11.9秒縮短到4.69秒,並讓用戶以前所未有的高度參與和向右滑動。

比較Tinder PWA與原生應用程式範例。 (資料來源:)

3 Twitter – PWA

為了直接創造更多用戶參與度,Twitter轉向PWA技術以提供更好的用戶體驗,並取得了重大成功。 Twitter Lite是一個很好的PWA示例,因為它將每個會話的頁數增加了65 %,並將發送的Tweet數量增加了75 %。 通過添加數據保護模式並將PWA的大小優化至300千兆位,他們的5000多萬活躍移動用戶可以快速瀏攬內容,即使在2G網路上也是如此。

家居裝飾提供PWA

4 Annie Selke – PWA + AMP + SSR

Annie Selke每月為超過170萬名遊客帶來高品質的家居裝飾。 了解SEO和SEM網站速度的重要性,這家家居公司在Edgio的無伺服器前端後端(BFF)上啟動了帶自動AMP轉換的PWA。 Annie Selke在Edgio上看到移動有機物流量大幅增加了40.41 %,並將瀏攬速度縮減到平均載入時間538毫秒。 通過AMP,伺服器端渲染和PWA技術,Annie Selke在流量源中的首頁載入時間平均為0.74秒。

提供次秒級電子商務wesbite

Edgio始終為大型電子商務網站提供低於500毫秒的中間頁面載入。 眾所周知,這些速度增益會導致轉換提昇15至30 %。

5 Kirkland’s Inc. – PWA + AMP + SSR

Kirkland公司已經超越了37個州的431家分店,並針對電子商務PWA進行了優化,可以隨時聯繫任何客戶。 優化站點速度是他們的主要目標,因為他們將其視為競爭前沿。 這家家居裝飾零售商使用Edgio的開放原始碼React PWA框架,並在Edgio基礎設施上提供內置AMP轉換和伺服器端渲染支援。 Kirkland的網站現在是最快的零售網站之一,它通過亞秒頁面載入,指紋結帳和一鍵登入實現快速,輕鬆的購物。

6西埃爾姆- PWA

West Elm由母公司Williams-Sonoma Inc.所有,是一家出色的行業領導者,該公司已將PWA技術用於其移動商務體驗。 其產品的現代風格與PWA體驗相得益彰,同時為每月4萬名使用者提供流線,時尚的外觀與感受。 他們的eCommerce漸進式Web應用程式使他們在網站上的平均時間增加了15%,轉換率提高了9%

擁有電子商務PWA的大眾零售商

7 Macy’s。 ——水療中心

梅西百貨是一家IR6年的公司,在其服裝和配飾行業中排名第一。梅西百貨已過渡到無頭電子商務,為其60多萬個月訪客提供最佳體驗。 結果:在過去3年中,線上增長了兩位數。 梅西百貨的網站速度大幅提高,反過來又提高了其搜尋排名和客戶體驗。 在最近的網路研討會中,梅西百貨工程總監Lenny Stofsky表示,無頭方法及其微服務體系結構使其更加靈活和靈活。 Stofsky表示:“通過自動化開發操作,改進的回歸測試以及專門的團隊進行擴展和創新,我們可以每兩周部署一次。”

聆聽Macys.com工程總監Lenny Stofsky介紹從單一供應商電子商務平臺過渡到基於微服務的靈活,同類最佳系統的過程。

8訂書釘- PWA

Staples的網站速度成為首要任務,以提供最佳的用戶體驗,推動更多銷售。 這些預期結果變得非常重要,因為大眾零售商發現他們的載入時間增加,跳出率增加,轉換率降低。 在對客戶體驗進行全面分析後,Staples可以將主頁載入時間的中位數縮短1秒,並將載入時間減少6秒,達到98百分點。 結果:轉換率提高了10%。

9具體目標—- PWA

Target每月接待的訪客人數超過1億,但仍面臨著與亞馬遜和沃爾瑪的激烈競爭,這兩家領先的電子商務企業採用了現代技術並激發客戶。 在一項調查顯示,80%的目標購物者從一臺設備開始他們的零售體驗,可能在另一臺設備上完成後,Target專注於在移動設備和臺式機之間實現更無縫的過渡。 為了快速應對不斷變化的形勢,PWA成為他們的解決方案,旨在增強其部分核心數字商店產品,並為移動和臺式機上的購物者提供引人入勝的統一體驗。

10沃爾瑪-水療中心

沃爾瑪在所有類別中均勝出。 Walmart.com和沃爾瑪雜貨店使用現代技術優化其移動和桌面線上購物體驗。 美國沃爾瑪公司首席營運長Judith McKenna表示,這家零售巨頭在全球擁有超過11,700家,“當他們走進我們的商店或點擊我們的網站時,他們都想讓所有客戶感到敬畏。” 現代技術極大地影響了他們沉浸式的線上體驗,以及他們查看網站速度的方式,因為它與在現場花費的時間相關聯。 電子商務網站發現,每提高100毫秒的頁面載入,增加的收入就會增加1%

底線

漸進式Web應用程式是電子商務的未來。 這一現代Web技術的新時代包括電子商務公司之間的競爭,旨在提供最快的網站和最佳用戶體驗以贏得競爭優勢。 原生應用程式不再是最佳解決方案—PWA具有同等互動性,甚至更快。 消費者對速度有著很高的期望,電子商務專業人士最好能為他們提供快如閃電的精彩體驗。

為了擺脫噪音,請效仿早期採用行業領先者的示例,從傳統網站轉換到PWAS/SPAS/React網站,提供幾乎即時的體驗,推動轉換和SEO獲勝。

如需其他漸進式Web應用程式範例,請查看這份使用SPA,PWA和React架構的現代電子商務公司清單,或安排諮詢式對話,瞭解Edgio如何能在12週內協助您使用PWA。