Airbnb PWA：漸進式 Web 應用的完美示例

假設您正在尋找一種高度可靠的解決方案，以保持您的網站快速穩定運行，同時有效地運行以吸引用戶停留更長時間並參與活動。 在這種情況下，PWA 可能正是您所需要的。 如此多的品牌採用了 PWA 並獲得了世界知名且盈利的成功，其中包括Airbnb PWA 。 我們將分解 PWA 應用程序的真正勝利案例，而不是用名稱和數字來探究表面。 讓我們揭開帷幕，探索 Airbnb PWA 的故事。

Airbnb概述

世界上最有前途的初創公司最初的想法是 Air Bed and Breakfast，當地人允許遊客留在他們的房子裡，建立新的聯繫，同時分享一種低成本的替代方式來吃飯、休息和睡覺。

起初，歡迎陌生人進屋的提議似乎很離譜，但 Airbnb 已迅速成長為 21 世紀最成功的初創公司之一。

Airbnb 成立於 2008 年和十年後，已經擁有 1.5 億用戶、超過 700 萬個房源、400 萬房東，活躍於 200 多個國家和 81,000 個城市。 報告顯示，超過 10 億旅行者租用了 Airbnb 房屋，為房東創造了大約 650 億美元的收入。

Airbnb 現在為全球旅行者提供最廣泛的物業租賃服務，可以選擇共享空間的單間，也可以為自己和多人選擇整個空間。 它的商業模式類似於優步，一個聚合平台，允許有需求的人和供應商聯繫並開展業務。

Airbnb 為人們提供了一種社區感、獨特的個人體驗，以及一種釋放壓力、預算友好的住宿方式。

許多客人喜歡與 Airbnb 一起旅行，因為他們受到房東的歡迎進入社區，有機會更深入地探索文化並結交新的本地朋友。

導致 Airbnb PWA 集成的背景

這個故事可以追溯到幾年前，大約在 2018 年底，當時移動瀏覽器獲得了指數級的關注和投資。 然而，Airbnb 的版本仍然是來自桌面的比例響應版本。 該團隊還承認，他們以最少的工程忽略了它。

移動網絡是他們訪問量最大的平台，尤其是在成長型市場，吸引了越來越多的 Airbnb 預訂流量。 然而，它的表現低於世界上最大的旅遊住宿搜索引擎的行業標準。

事實證明，當用戶一年只需要 3 到 4 次時，他們發現安裝 Airbnb 原生應用程序毫無用處。 由於他們依賴移動設備而不是任何其他設備，唯一的出路就是通過移動網絡。

雖然平均花在應用上的時間遠遠超過在瀏覽器上的時間，但用戶一天中的大部分時間卻不均衡地分佈在他們最喜歡的 5 個應用上，其中一個應用接近 50%。 用戶根本看不到下載另一個他們不經常使用的應用程序並浪費他們的存儲空間的意義。

市場對出色的移動瀏覽體驗特別感興趣，因為互聯網連接問題困擾著他們的應用程序安裝（200MB 大小）和消費。

以下是 Airbnb PWA 轉型之前的一些近距離觀察：

• 慢：移動瀏覽器上的用戶在令人討厭的空白頁面上等待超過 10 秒，然後圖像才開始顯示。 4G 網絡平均需要 13 秒才能加載整個頁面。 不令人印象深刻。
• 設計不佳：一些組件執行得非常糟糕並且放錯了位置，導致單詞丟失和指令混亂。 地圖對於遊客了解從 Airbnb 到附近地點的距離至關重要，但它的互動速度很慢，幾乎無法閱讀這些文字。 併計算所有重疊的元素和照片上的文字，破壞了快照和旁注的含義。
• 難以使用：當許多交互點不響應手指而只響應鼠標時，移動瀏覽器似乎從他們的腦海中消失了。 一切都沒有意義。 對於一個可憐的流浪者來說，這就像一個令人困惑的偏離路線。 但導航賠率的至高無上是當他們單擊按鈕安裝本機應用程序時。 他們被要求填寫他們的電話號碼，以便他們可以收到帶有應用商店鏈接的文本。

如果移動瀏覽器不是Airbnb用戶的第一印象，情況也不會那麼糟糕。 不幸的是，數據表明 65% 的新用戶來自移動網絡。 因此，他們不得不扭轉這種局面。

切換到 PWA 如何解決 Airbnb 的請求？

為了描述移動瀏覽領域的激烈程度，以下是行業統計數據：

• 如果必須等待超過 3 秒，53% 的訪問者會反彈。
• 57% 的響應者表示沒有吸引力的移動網站不會得到他們的建議。
• 85% 的響應者預計移動網絡將是桌面的更新版本，而不是相反。

用戶希望移動版本快速、方便、設計精美，並且與移動原生應用程序一樣引人入勝。 在 PWA 的幫助下，Airbnb 可以創建一個運行速度極快、安全穩定的移動網絡，同時執行一些原生應用程序的最佳功能。

Airbnb PWA 允許用戶將 12MB 的版本添加到他們的主屏幕，而不是過度消耗 200MB 的應用程序。 客人和主人可以從他們的通知面板接收彈出消息。

不僅如此，為了幫助世界各地的 Airbnb 用戶即使在連接較弱的情況下也能輕鬆選擇住宿地點，PWA 將即時加載和離線模式帶入了業務。

Airbnb PWA 解決方案

理念

Airbnb 的目標只有一個：為世界一流的寄宿家庭和其他度假租賃公司打造世界一流的移動瀏覽體驗。 在趕上在線革命之後，他們意識到保持移動友好不再是一種優勢，而是一種必需品。

他們的策略是轉向移動優先，即移動網絡優先。 Airbnb 的許多新訪問者來自移動網絡，他們期待與原生應用程序之旅類似的東西。 他們將給用戶他們想要的東西。

執行

原生應用程序以其方便的滑動菜單和底部導航而聞名。 Airbnb 決定沿用經典，升級漢堡菜單和用於帳戶註冊的日誌標籤欄。 接下來，地圖是重新設計的重要組成部分，因為它是列表選擇的最重要項目。

他們還確保 PWA 可以在任何屏幕尺寸和設備上發揮最佳性能。 一點額外的努力會讓一切變得不同。

最後，舊的混亂、難以使用的用戶流完全註冊了重新指定列表，所有內容堵塞和佈局錯誤都將被收集和修復。

結果

PWA 為 Airbnb 提供了針對迷你版進行優化的選項，將加載時間從 11.9 秒降至 4.69 秒。 當它變得更快時，它會變得更流暢、更靈敏、更方便，所有這些都會導致更高的用戶參與度，他們正確滑動的次數達到了歷史最高水平。

甚至在他們有機會完成 PWA 項目之前，就已經收集了相當多的成果和成就：

• 儘管困難重重，Airbnb 團隊還是在不到一年的時間裡成功完成了移動網頁的重新設計和重新開發。
• 轉化率上升了 25%。
• 平均加載時間約為 5.5 秒，性能提升 2.5 倍。

如何構建像 Airbnb 一樣的 PWA？

Airbnb PWA 在實踐中是世界級水平的移動網絡平台。 讓我們在那裡澄清標準。 Airbnb PWA 是數十億寄宿家庭和度假租賃的上市地點，類似於一個擁有大量產品組合的電子商務網站。

使用龐大的數據庫，加載過程可能需要更長的時間來處理代碼和響應請求。 因此，在線商店需要更小規模的優化版本才能快速啟動並保持快速。

這就是 PWA 在電子商務行業中享有盛譽的原因。 如果您是一位在線企業主，想要改造您的緩慢且表現不佳的商店，那麼這是給您的。

為什麼選擇 Tigren PWA？

我們知道您可以輕鬆地接觸到大量的電子商務開發服務，但是搜索和檢查每個最適合您需要的機構會浪費大量時間。

Tigren 是世界頂級的 PWA 開發外包機構之一。 自 PWA 技術問世以來，我們一直在摸索著掌握 PWA 技術。 時至今日，我們已與全球近 1000 家客戶合作，並幫助他們利用投資回報率。

高級 Tigren PWA 解決方案

我們可以幫助您：

• 從頭開始構建 PWA 網站
• 自定義構建和集成 PWA 的各個部分
• 優化和升級現有 PWA
• 高級即用型 TigrenPWA 主題

聯繫我們時，您將獲得免費諮詢，您甚至可以在決定我們是否合適之前詢問報價。 根據項目的複雜性，我們可能會提供 3-12 個月的免費支持，從黃昏到黎明與您同在，以確保結果正是您想要的。

關鍵要點

Airbnb PWA 取得了巨大的成功，讓背後的負責人回首往事時感到自豪，而當用戶開始準備下一次旅行時，他們都會微笑。

Airbnb 快速、可靠、穩定、設計迷人、引人入勝，再加上他們的團隊已經提供了一段時間的世界級服務； 他們還能要求什麼？

鑑於 PWA 有望成為主導在線領域的未來下一個標準，您對早期採用者的邀請有何看法？