Home Blogs 頂級Progressive Web App示例:Tinder,Twitter,沃爾瑪
Applications

頂級Progressive Web App示例:Tinder,Twitter,沃爾瑪

About The Author

Outline

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

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

帶有PWA的社交網路平臺

1. Pinterest – PWA

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

2. Tinder – PWA

Tinder是一款約會應用程式,每月有超過250個不同國家/地區的超過 6,000萬用戶 ,爲桌面和移動用戶提供PWA。 新的網路體驗被稱爲Tinder Online,比其本機應用程式體驗,每個用戶會話都能獲得更多的瀏覽,配置文件編輯和時間。 PWA內核的體積小,使Tinder的負載時間從11.9秒縮短 到4.69秒 ,並使用戶以前所未有的高吸引力和向右滑動。

將Tinder PWA與本機應用示例進行比較。 (資料來源: )

3. Twitter – PWA

爲了創造更多的用戶參與度,Twitter轉而採用PWA技術,以提供更好的用戶體驗,並看到了重大勝利。 Twitter Lite是一個很好的PWA示例,因爲它將每個會話的頁面增加了65%,並將發送的推文數量增加了75%。 通過添加數據保護模式並將PWA的大小優化到60kb,他們的3億多個活動移動用戶可以快速瀏覽內容,即使在2G網路上也是如此。

家居裝飾提供電源

4. Annie Selke – PWA + AMP + SSR

安妮·塞爾克(Annie Selke )每月爲超過170萬名遊客帶來高品質的家居裝飾。 瞭解網站速度對SEO和SEM的重要性,這家家居公司在Edgio的無伺服器前端(BFF)上推出了自動AMP轉換的PWA。 Annie Selke看到移動有機流量大幅增加40.41%,並將瀏覽速度降低到Edgio上的中位載入時間538毫秒。 通過AMP,伺服器端呈現和PWA技術,Annie Selke在流量源中的平均第一頁載入時間爲0.74秒。

提供次秒的電子商務wesbite

Edgio持續爲大型電子商務網站提供低於500毫秒的中間頁面載入量。 已知這些速度增長會導致15-30%的轉換提升。 安排諮詢對話!

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

Kirkland’s已經超越了其遍佈37個州的431家商店,並針對電子商務PWA進行了優化,可隨時聯繫任何客戶。 優化站點速度是他們的主要目標,因爲他們將其視爲競爭最前沿。 這家家居裝飾零售商使用Edgio的開源React PWA框架,內置AMP轉換和伺服器端渲染支援。 Kirkland現在是最快的零售網站之一,通過次秒頁面載入,指紋結帳和一鍵式登入,您可以快速輕鬆地進行購買。

6.西Elm – PWA

WEST ELM是由母公司Williams-Sonoma Inc.擁有的,是一家業界領先企業,它採用了PWA技術來實現其移動商務體驗。 他們的產品的現代風格與他們的PWA體驗相匹配,爲他們每月400萬用戶提供時尚的外觀和感覺。 他們的電子商務漸進式網路應用使他們的 網站平均時間增加了15%,轉化率提高了9%

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

7.梅西百貨。 -水療

Macy’s是一家IR6公司,在其服裝和配件行業排名第一,它轉變爲無頭電子商務,爲每月6000多萬的訪客提供最佳體驗。 結果:線上增長在過去3年中達到兩位數。 梅西百貨的網站速度大幅提高,進而提升了其搜尋排名和客戶體驗。 在最近的網路研討會中,梅西百貨工程總監Lenny Stofsky表示,無外設方法及其微服務架構使它們更加靈活靈活靈活。 Stofsky表示:“通過自動化開發營運,改進的迴歸測試和專門的團隊來擴展和創新,我們可以每兩週部署一次。”

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

8.訂書釘- PWA

史泰普斯的網站速度成爲首要任務,以提供最佳的用戶體驗,以推動更多的銷售。 這些期望的結果變得重要,因爲質量零售商 發現 他們的負載時間增加,他們的跳出率增加,他們的轉化率下降。 在對客戶體驗進行全面分析後,Staples可以將其主頁載入時間中位數縮短1秒,並將載入時間縮短6秒,達到第98百分位數。 結果:轉換率提高10%。

9.目標- PWA

Target每月接待 超過100萬的訪客 ,但仍面臨與Amazon和Walmart的激烈競爭—兩家領先的電子商務企業採用現代技術並吸引客戶。 調查顯示,80%的目標購物者在一臺設備上開始他們的零售體驗,並且很可能在另一臺設備上完成後,他們專注於在移動設備和臺式機之間實現更無縫的過渡 。 爲了快速應對不斷髮展的形勢,PWA成爲了他們的解決方案,以增強他們的一些核心數字商店產品,併爲移動和桌面購物者提供引人入勝,統一的體驗。

10.沃爾瑪-水療

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

底線

進步的Web應用程式是電子商務的未來。 現代網路技術的這個新時代包括電子商務公司之間的競爭,以提供儘可能快的網站和最佳的用戶體驗,以贏得競爭優勢。 不再是本機應用程式的最佳解決方案—PWA同樣具有交互性,甚至更快。 消費者對此抱有很高的期望,而電子商務專業人員將明智地爲他們提供閃電般的,引人入勝的體驗。

要超越噪音,請遵循早期採用行業領導者的示例,他們從傳統網站切換到PWA/SPA / React網站,並提供幾乎瞬時的體驗,推動轉換和SEO獲勝。

如需瞭解更多漸進式Web應用示例,請查看使用SPA,PWA和React框架的現代電子商務公司列表,或 安排諮詢對話, 瞭解Edgio如何幫助您在12周內開始使用PWA。 我們受到最大和最好的信任,包括1-800-Flowers, Shoe Carnival,Revolve和更多。