Google 上的 100 個漸進式 Web 應用 (PWA) 常見問題及解答

已發表: 2022-05-24

雖然最近開發 Progressive Web App 已經成為一個炙手可熱的問題，但對於很多人來說還是未知數。如果你對 PWA 是什麼、它的底層技術有哪些、它是如何工作的、它能帶來什麼、未來會變成怎樣等感到好奇，請繼續閱讀！

在研究了谷歌和其他流行的搜索引擎之後，我們發現了 100 個關於漸進式 Web 應用程序 (PWA) 的常見查詢，這意味著它們受到了非常高的關注。

憑藉我們對 PWA 開發的深刻理解和經驗，我們將為您提供所有這些問題的簡明、實用和直截了當的答案。

漸進式 Web 應用程序概述

1. PWA 代表什麼？

PWA 代表 Progressive Web App——一種通過網絡交付的軟件應用程序。

2. 什麼是 PWA？

從本質上講，Progressive Web App 是一種在瀏覽器上運行的應用程序。這就是它可以獨立於操作系統跨平台工作的原因。

有人說 PWA 是“網站”和“原生應用”的混合體，因為它像普通網站一樣接近用戶，但提供了類似應用的功能（例如：主屏幕上的圖標、歡迎屏幕、沒有 URL 的全屏模式、加載速度快，推送通知）。

3. 誰使用 PWA？

從在線新聞出版商到電子商務企業，全球許多組織都在使用漸進式 Web 應用程序。只要目標是提供出色的用戶體驗，所有類型的網頁都可以使用 PWA。

4. 誰發明了 PWA？/誰開發了 PWA？

2007 年，隨著 iPhone 的推出，Steve Jobs 提出了 Progressive Web 應用程序的最初願景。然而，Apple 和 Steve Jobs 都沒有發明 Progressive Web App。事實上，漸進式網絡應用這個術語是由谷歌的 Alex Russell 和 Frances Berriman 在 2015 年創造的。

5. 哪些應用是 PWA？/什麼是 PWA 示例？

到目前為止，已經有大量的漸進式 Web 應用程序。經過研究，我們發現了全球排名前 40的 PWA 示例。

6. 哪些瀏覽器支持 PWA？

Google Chrome、Safari、Mozilla Firefox、Opera 等所有常見的 Web 瀏覽器現在都支持 Progressive Web Apps。但是，PWA 在每個瀏覽器上的工作方式可能完全不同。

7. PWA 有哪些類似app 的功能？

PWA 的外觀和感覺就像原生移動應用程序一樣，通過以下這些功能來表達：

啟動畫面
全屏顯示
離線模式
推送通知
沒有頁面重新加載
在主屏幕上即時訪問

8. PWA 是什麼時候創建的？

Progressive Web App 被認為是 Google 5 年前創建的。然而，史蒂夫喬布斯（Steve Jobs）更早（在 2007 年）引入了 PWA 概念。

PWA 的工作原理

9. PWA 是如何工作的？

PWA 在用戶瀏覽器上工作，主要依賴於三個組件：

Web 應用清單：顯示所有類似應用的功能，例如在主屏幕上顯示應用圖標。
Service Worker：用於後台任務和離線支持。
應用程序外殼架構：用於快速加載服務工作者。

10. 如何在您的設備上安裝 PWA？

由於“添加到主屏幕”是 PWA 的功能之一，因此在您的設備上安裝 PWA 是一個簡單的過程。

在 Android 設備上：當您在移動設備上訪問集成了 PWA 的網站時，會彈出一個窗口，詢問您是否要將應用添加到主屏幕。

在 iOS 設備上：要在主屏幕上添加 PWA，您需要單擊“共享”按鈕並選擇“添加到主屏幕”>“添加”。

11. 如何下載 Progressive Web App？

與原生應用不同，漸進式 Web 應用不需要用戶從任何應用商店下載。我們所要做的就是單擊“添加到主屏幕”按鈕。

12. PWA 如何在 Android 設備上運行？

在 Android 設備上，支持 PWA 的所有功能。用戶可以輕鬆地將應用添加到他們的主屏幕、打開啟動頁面、接收推送通知等。

13. PWA 如何在 iPhone 上運行？

在 iPhone 上，用戶仍然可以將 PWA 添加到移動主屏幕，並以全屏顯示方式打開它。但是，沒有歡迎/啟動頁面和推送通知。

14. PWA 如何在谷歌瀏覽器上運行？

要從 Chrome 瀏覽器獲取 PWA，用戶需要訪問網站（使用 PWA 構建），然後按照屏幕上的說明（彈出窗口）進行操作。

15. PWA 可以在 Firefox 上運行嗎？

是的，PWA 可以在包括 Firefox 在內的所有瀏覽器上運行。

16. 如何使用 PWA 發送通知？

要使用 PWA 發送通知，管理員必須訪問站點後端，然後創建推送通知。在這裡，他可以輕鬆管理（編輯/發送/刪除）消息。

17. PWA 可以離線工作嗎？

絕對沒錯。基於 Service Worker 技術，PWA 可以離線工作。問題是，該模式僅適用於緩存內容（並非始終）。

18. PWA 可以使用攝像頭嗎？

是的，PWA 可以訪問相機和相機膠卷。

19. PWA 可以在後台運行嗎？

是的，通過使用 Service Worker，PWA 可以在後台運行。

更具體地說，由於 Service Worker 的生命週期與 PWA 窗口或瀏覽器的選項卡不同，因此我們可以在後台進行網絡操作，即使在關閉 PWA 之後也是如此。

如果有在線操作但沒有可用的網絡訪問，如果稍後連接恢復，引擎將讓我們在後台處理。

值得注意的是，後台同步功能僅在某些瀏覽器上可用。

20. Progressive Web Apps 可以在桌面上運行嗎？

PWA 像普通網站一樣在桌面上工作，但頁面速度要快得多。沒有更多的整個頁面加載。

PWA 技術

21. 什麼是 iOnic PWA？

根據 iOnic 文檔：“Ionic Framework 是一個開源 UI 工具包，用於使用 Web 技術構建高性能、高質量的移動和桌面應用程序”。

從我們的角度來看，iOnic 提供了廣泛的動態功能來構建強大、快速和交互式的 PWA。

簡而言之，iOnic PWA 是基於高級 iOnic 框架構建的 Progressive Web App。

22. PWA 是什麼語言？

Progressive Web App 背後的核心技術是 JavaScript、HTML 和 CSS。

23. 什麼是 PWA 清單？

PWA Manifest 提供有關應用程序的信息（例如圖標、名稱等）。創建 Manifest 是為了將 PWA 添加到用戶設備的主屏幕，顯示啟動畫面，像原生應用程序一樣以全屏模式運行。

24. 什麼是 React-native Progressive Web App？

開發 Progressive Web Apps 的技術有很多，例如 ReactJS、VueJS 等，其中 React-native 是最流行的技術之一。

25. 什麼是 PWA 店面？

PWA 店面是 PWA 的用戶界面。如果一個網站被轉換為 PWA，它的前端將被 PWA 店面所取代。

26. 什麼是 PWA API？

API 是應用程序編程接口的簡稱。對於 PWA，API 在將店面與網站的後端/管理儀表板連接起來方面發揮著重要作用。

27. 什麼是 PWA 啟動頁面？

啟動頁面是用戶打開 PWA 後看到的第一個屏幕。一般來說，它包括一個帶有品牌標誌的簡單背景。

28. 什麼是 PWA Service Worker？

Service Worker 對 PWA 至關重要。它是 PWA 的許多高級功能的基礎，例如離線模式、後台同步和推送通知。

PWA 的好處

29. PWA 如何使電子商務企業受益？

PWA 對電子商務商店有 10 大好處：

提升購物者體驗
減少開發和維護時間
獨立於應用分發服務
最大限度地降低營銷和廣告成本
重新吸引商店中的顧客
支持 SEO 以獲得更高的網站流量和排名
提升品牌美譽度
提高轉化率
刺激更多購買
保持商店的高性能

30. PWA 如何使最終用戶受益？

漸進式 Web 應用程序不僅對商家而且對客戶都非常有益。 PWA 對最終用戶的 10 大好處包括：

安裝快速簡便
加載速度快
節省移動數據使用量
類似應用程序的體驗
離線訪問
擔保交易
輕鬆更新
促銷通知
他們選擇的設備

31. 為什麼要使用 Progressive Web App？

我們使用 Progressive Web Apps 的原因有很多，但最有說服力的是：

極快的速度： PWA 的加載速度經證實比普通網頁快 3 倍。
高參與度： PWA 最令人印象深刻的功能之一是能夠向用戶發送推送通知。對於企業來說，這是一種有效的廣告方式，不會在電子郵件營銷、廣告或冷電話上浪費金錢。
更好的用戶體驗： PWA 讓用戶感覺他們正在使用本機應用程序。

32. PWA 如何帶動更多流量？

PWA 有兩個優點可以為您的網站帶來更多流量：

SEO 友好： PWA 是可發現的、可鏈接的和可共享的。此外，由於 PWA 速度快且對移動設備友好，它比普通網站更容易進入熱門搜索。
提高聲譽：成為一個成功的 PWA 示例可能會給企業主帶來很多好處。幾乎所有關於 PWA 的文章都提到了阿里巴巴、蘭蔻、星巴克、Twitter、Pinterest、Tinder 等。因此，它有助於為這些網站帶來大量自然流量。

33. PWA 讓誰受益？

PWA 對企業主的好處最大，原因如下：

通過更快的頁面加載速度、類似應用程序的體驗和離線模式來增強用戶體驗。
通過降低跳出率和增加會話持續時間來提高 SEO 排名。
通過推送通知提高客戶參與度。

所有 PWA 功能都旨在改善用戶體驗並提高轉化率。

34. PWA 打算幫助誰？

基於其特殊功能，PWA 的誕生旨在為用戶帶來最佳體驗，尤其是對於那些使用移動設備的用戶。此外，PWA 有助於提高電子商務績效。因此，PWA 不僅旨在幫助用戶，還旨在幫助企業/網站所有者。

35. 為什麼 PWA 比普通網站快？

PWA 比普通網站更快，因為它使用了服務工作者和預緩存技術。

36. PWA 是否響應？

是的，PWA 具有響應式設計，可以適應任何尺寸的屏幕，從手機、平板電腦和筆記本電腦到台式機。

37. PWA 是跨平台的嗎？

是的，PWA 基本上是在瀏覽器上運行的，因此，跨平台工作是其核心功能之一。

38. PWA 是否獨立於網絡？

不完全的。 PWA 在第一次加載時仍然需要連接並進行自我更新。簡單來說，在沒有互聯網的情況下，用戶仍然可以查看他們之前訪問過的頁面，或者只要內容已經加載並保存在緩存中，就可以繼續瀏覽。

39. PWA 安全嗎？

是的，PWA 對用戶來說是安全的，因為擁有 SSL 證書 (HTTPs) 是構建 PWA 的首要條件之一。

40. 為什麼擁有一個 PWA 很重要？

一方面，PWA 可以幫助企業提高用戶參與度、整體流量和潛在客戶、每日活躍用戶、轉化率、平均在網站上花費的時間、網頁瀏覽量、回訪者、收入等。

另一方面，PWA 有助於降低跳出率、頁面加載時間、每次轉化成本、購物車放棄率和營銷費用。

41. PWA 最好的特點是什麼？

PWA 的最佳功能是：

添加到主屏幕
離線模式
類似應用程序的界面
自我更新
推送通知

42、PWA最重要的功能是什麼？

Progressive Web Apps 的每個功能在創建動態平台以提供增強的移動用戶體驗方面都發揮著重要作用。但是，在我們看來，“添加到主屏幕”是最關鍵的一項。多虧了它，PWA 可以彌補傳統網站和原生應用程序之間的差距，並為吸引人的應用程序功能打開大門。

PWA 潛力

43. PWA 準備好使用了嗎？

肯定是的。漸進式網絡應用程序現在可以應用於各種網頁。

44. PWA 未來將如何發展？

由於 PWA 帶來的巨大好處，現在 PWA 在質量和市場份額方面都在快速增長。我們確實相信 PWA 將成為 Web 開發的未來標準。

目前，iOS 不完全支持 PWA 的功能，但遲早會被接受。

45. PWA 會取代應用程序嗎？

大概是。現在，有很多公司更喜歡 PWA 而不是原生應用程序（因為開發成本和時間更低）。但是，由於用戶使用原生應用程序的時間很長，因此可能需要數年時間來教育用戶了解 PWA 並改變他們的行為。

因此，在未來某一天，當所有潛在用戶都熟悉原生應用程序時，它們可能會被 PWA 取代。

46. 為什麼 PWA 是未來？

在過去的十年裡，人們無法想像一個外觀和行為都像應用程序的網站的存在。事實並非不可能，這個想法現在正以 PWA 的名義變為現實。毫無疑問，PWA 將是移動網絡的未來。

47. PWA 值得嗎？

談論 PWA 給企業主和最終用戶帶來的好處是遠遠不夠的。更詳細的分析，你可以在這裡自己找出答案。

PWA 限制

48 . iOS 不支持 PWA 的哪些功能？

儘管 iOS 操作系統支持 PWA，但仍缺少一些功能，例如歡迎/啟動頁面和推送通知。希望這些將在不久的將來在 iOS 設備上運行。

49. 我們可以向應用商店提交 PWA 嗎？

可以使用受信任的 Web 活動 (TWA) 將 PWA 提交到 Google Play 和 Microsoft Store。但是，我們目前不強烈推薦提交，原因有四個：

首先，這個過程非常複雜，肯定比提交一個普通的原生應用需要更多的努力。
其次，不能保證所有 PWA 功能在轉換並提交到 Google Play 後都能正常工作。
第三，PWA 相對於原生應用程序的最大優勢之一是應用程序分發服務的獨立性。如果你將 PWA 提交到應用商店，這種力量就變得毫無意義。
最後，如果我們想讓用戶熟悉 PWA，我們應該讓他們知道它實際上是如何工作的，而不是把它用作原生應用程序。

對於蘋果的 App Store 來說，並沒有暗示未來是否會接受 PWA 提交。

50、網上有PWA生成器嗎？

有幾個網站提供在線 PWA 構建器。在這些網站上，用戶將能夠使用可用模板自定義他們的 PWA 設計。例如，他們可以上傳徽標、更改啟動頁面、選擇菜單樣式、字體、配色方案、背景等。此步驟不添加任何產品或網站內容。之後，該站點將根據選定的組件生成 PWA 演示。

問題是，用戶看到的所有東西都只是 PWA 店面設計的快速瀏覽，僅此而已。通常，要製作真正的 PWA，您必須聯繫網站所有者並使用他們的“實際服務”。

51. 誰反對 PWA？

有少數保守的人，他們不傾向於接受新技術，仍然有尊嚴的原生應用程序。他們反對 PWA。

52. 為什麼 PWA 不好？

儘管有各種優勢，但漸進式 Web 應用程序也有一些不可否認的弱點，例如：

無法訪問移動設備的某些功能
缺少來自應用商店的潛在流量
iOS 設備上的不同工作流程
經驗豐富的 PWA 開發人員選擇不多
花時間教育新用戶

PWA 開發

53. 如何創建 PWA？

如果您是開發人員，則必須在 Web 和應用程序設計和開發方面擁有豐富的知識和經驗，才能構建 PWA。還沒有，因為這是一項新技術，所以有很多東西要學。此外，您還可以找到一些支持 PWA 開發的有用工具。

如果您是沒有技術背景的企業主，那麼第一步是找到一家值得信賴的 PWA 開發公司/機構。憑藉在這項技術方面的多年經驗和許多成功的項目， Tigren可以幫助您以實惠的價格構建功能豐富的 PWA。

聯繫我們為您的 PWA 集成項目制定完美計劃！

54. 如何設計一個 Progressive Web App？

要擁有設計良好的 PWA 店面，您應該創建兩個版本：一個用於桌面（如傳統的網站設計），另一個用於移動（如本機應用程序）。

55. PWA 標準/清單是什麼？

根據Google Developers的說法，Progressive Web App 清單中應包括以下幾點：

基線清單（通過 HTTPs 提供服務、響應式、離線加載、“添加到主屏幕”、第一次快速加載、跨瀏覽器工作等）
示例清單（可索引性和社交、用戶體驗、性能、緩存、推送通知和其他功能）

56.如何優化PWA？

如果您想優化您的 PWA，首先，您應該使用 Google Lighthouse 進行審核。它將從不同方面評估您的 PWA，即性能、可訪問性、最佳實踐和SEO 。

特殊之處在於，該工具不僅可以顯示您的弱點（如果有的話），還可以提出適當的改進解決方案。

57. PWA 的成本是多少？

PWA 的成本取決於您選擇將 PWA 集成到您的站點中的方法。例如，如果您使用現成的插件或擴展程序，則花費很少；有時，它可能是免費的。但是，僅提供了 PWA 的一些功能。

構建 PWA 的另一個常見解決方案是聘請經驗豐富的開發人員/代理商。在這種情況下，根據您的具體要求和開發人員的小時費率，PWA 的成本將在 5,000 美元到 50,000 美元之間。

58. 如何獲得 PWA 的報價？

要獲得 Progressive Web App 開發項目的準確報價，請立即聯繫 Tigren ( [email protected] )。

59、哪個電商平台適合PWA開發？

大多數流行的電子商務平台都支持 PWA 開發，例如：Magento、Shopify、WooCommerce 和 BigCommerce。但是，只有 Magento 發布了用於構建 Progressive Web Apps 的官方工具（Magento PWA Studio）。

60. 如何將網站轉換為 PWA？

有兩種方法可以將網站轉換為 Progressive Web App。第一個是在您當前的網站上安裝現成的 PWA 插件或擴展。另一種方法是尋找可靠的 PWA 開發服務提供商，為您的業務構建量身定制的 PWA。

61. 如何將原生應用轉換為 PWA？

基本上，原生應用程序無法轉換為 PWA。將原生應用程序轉換為 PWA 意味著從頭開始構建 PWA。唯一可能需要維護的是應用程序設計。

62. 構建 PWA 是否昂貴？

一般來說，創建漸進式 Web 應用程序具有成本效益。特別是，與原生或混合應用程序相比，PWA 更加合理。

但是，PWA 的具體成本各不相同，具體取決於業務需求。例如，如果您的原始網站包含大量自定義電子商務功能，則需要時間來更新 PWA 的 API 和 Storefront 以使用所有這些功能。因此，PWA 開發的相關時間和成本會更高。

63. 創建 PWA 需要多長時間？

構建 PWA 的時間段取決於項目需求的複雜性以及您選擇的解決方案。要從頭開始開發 PWA，可能需要五到六個月的時間。

同時，如果您選擇現成的解決方案（如 TigrenPWA 主題），您的開發時間可以顯著縮短至僅 1-3 個月。

64. 構建 PWA 的最佳解決方案是什麼？

要選擇構建 Progressive Web App 的最佳解決方案，最重要的是明確定義您的項目要求和預算。沒有“所有人的最佳解決方案”。

假設您想構建一個具有所有潛在功能的 PWA，並添加某些電子商務功能，同時預算為 5,000-20,000 美元，使用 Tigren 的現成 PWA 主題將是一個完美的選擇。

65. 如何測試 PWA？

可以使用 Google Lighthouse 測試 Progressive Web App。創建此工具是為了分析網頁的性能，尤其是 PWA。

66. 如何更新 PWA？

從最終用戶的角度來看，PWA 始終是最新的，無需像原生應用一樣下載最新版本並重新安裝。感謝 Service Worker，PWA 可以通過自動刪除舊緩存進行更新。

從開發人員的角度來看，它節省了更新 PWA 的時間和精力，因為它需要一個單一的代碼庫。

67. 如何聘請 PWA 開發人員？

要聘請 PWA 開發人員，您可以聯繫信譽良好的 PWA 開發公司或聘請自由職業者。

由於 PWA 是一項新技術，需要豐富的經驗和對開發的理解，所以你最好選擇第一個推薦。

68. 頂級的 PWA 開發公司有哪些？

根據您的網站/業務類型，您可以找到合適的 PWA 開發公司。例如，如果您是 Magento 電商店主， Tigren始終是 PWA 集成服務提供商的首選之一。

69.如何為PWA開發做準備？

要為 PWA 開發做準備，您可以遵循以下清單：

指定項目要求
為您的網站類型尋找最合適的 PWA 服務提供商
準備你的預算
與您的開發人員討論並定義項目範圍
創建一個時間表並堅持下去

70. 如何開始使用 PWA？

如果 Progressive Web App 對您來說是新的，您可以通過閱讀這本電子書了解更多信息。或者，如果您想開始開發您的 PWA，請立即聯繫我們以獲取適合您獨特需求的計劃和報價。

其他

71. PWA 是否僅適用於電子商務？

令人高興的是，答案是否定的。 PWA 可以集成到任何類型的網站，從電子商務（例如：阿里巴巴、Flipkart、蘭蔻、樂透、Pure Formulas、ShopEddies）、社交網絡（例如：Twitter Lite、Instagram Lite、Pinterest、Tinder）到新聞（例如：金融時報、華盛頓郵報、Nau.ch、Infobae）。

閱讀更多：40 個漸進式 Web 應用程序 (PWA) 示例

72. 我們可以同時使用 PWA 和原生應用嗎？

我們可以。 PWA 和本機應用程序獨立工作。儘管 PWA 可以提供大部分原生應用程序的功能，但它對許多用戶來說還是很新的。在等待用戶適應這項技術的同時，您可以同時提供 PWA 和原生應用程序。

73. 最成功的 PWA 案例研究是什麼？

最成功的 PWA 案例研究可能是阿里巴巴。根據 Google Developer 的說法，在集成 PWA 後，其跨瀏覽器的轉化率提高了 76%。它在 iOS 和 Android 上的活躍用戶數量分別增加了 14% 和 30%。光看數字，我們就可以理解為什麼阿里巴巴被認為是最優秀的 PWA 案例研究了。

74. PWA 流行在哪裡？

PWA 現在正在成為全世界的趨勢。它不僅在任何特定領域都很受歡迎。

75. Magento 的 PWA 是什麼？

Magento 是當今最受歡迎的電子商務平台之一。 Magento 的 PWA 是一個集成了 PWA/轉換為 PWA 的 Magento 網站，旨在增強用戶體驗和網站性能。

76. 為什麼 PWA 優於混合應用程序？

說 PWAs over Hybrid Apps 的根源將在下面說明：

分發：混合應用程序僅出現在應用程序商店中，並且必須經過漫長的過程才能在用戶移動設備上使用。相反，無需訪問任何應用分發商店即可快速添加 PWA。
成本效率：雖然 PWA 和混合應用程序都是跨平台的（iOS 和 Android 使用單一代碼庫），但 PWA 的開發成本仍然比混合應用程序便宜。此外，由於 PWA 不提交到應用商店，因此您無需支付年費。
性能： PWA 在低帶寬連接甚至沒有連接時提供更好的體驗。而混合應用程序沒有提供這樣的優勢。此外，通過使用 PWA（具有網站的本質），您可以接觸到比使用混合應用程序更多的潛在客戶。

77. 在哪里托管 PWA？

如果你想構建一個漸進式 Web 應用程序，服務器和託管有一些條件。

78. 為什麼 PWA 優於原生應用？

PWA 超過原生應用程序有五個主要原因：

原生應用程序只能在特定操作系統（iOS 或 Android）上運行，而 PWA 由移動瀏覽器提供支持並在 iOS 和 Android 上均受支持。
商家必須向應用商店提交原生應用（需支付一定費用）才能找到應用。鑑於 PWA 無需在應用商店中列出，因此享有不受限制、靈活的分發。
用戶必須從應用商店下載原生應用；同時，添加到主屏幕後可以快速安裝 PWA。
用戶必須訪問他們的應用商店才能獲得最新版本的原生應用，但必須刷新才能獲得 PWA 更新。
由於 PWA 可以直接在 Web 瀏覽器中運行，因此與原生應用程序相比，商店所有者更容易共享和推廣 PWA。 PWA 按需工作，不會像原生應用程序那樣佔用設備內存。

79. 為什麼 PWA 比原生應用便宜？

開發 PWA 比原生應用程序便宜得多。原因是原生應用程序一次只能在一個特定的操作系統上運行，而 PWA 可以跨平台運行。

換句話說，PWA 可以使用一個可以同時運行在 Android 和 iOS 操作系統上的代碼庫來開發。同時，您將需要開發兩個獨立的原生應用程序來同時為 Android 和 iOS 用戶提供服務。

80. 哪個電商平台準備好進行 PWA 開發？

大多數流行的電子商務平台都已準備好進行 PWA 開發，例如 Magento、Shopify、Bigcommerce、Woocommerce 等。

81. PWA 適合創業公司嗎？

如果初創公司還沒有網站，PWA 是他們的最佳選擇。開發 PWA 可能比創建普通網站更昂貴，但它為企業帶來的好處是不可估量的。

事實上，為了吸引大量受眾，企業應該同時開發網站和原生應用程序。與其把錢浪費在構建網站和昂貴的原生應用程序上，構建 PWA 是一種更具成本效益的解決方案。

82. 我們應該構建 PWA 還是 AMP？

將討論 AMP 的弱點和 PWA 的優勢。

AMP 是 Accelerated Mobile Pages 的縮寫形式。

AMP 更適合輕量級內容的網頁。
AMP 不支持購物功能（購物車頁面、結帳頁面）。
AMP 頁面和原始網站並行工作。因此，AMP 對改進原始站點沒有任何作用。
AMP 頁面設計受到限制，這可能會導致用戶參與度降低和轉化次數減少。

同時，Progressive Web Apps 提供了很多好處。

增強的用戶體驗（類應用體驗、離線模式、後台同步、更快的頁面加載速度）
提高 SEO 排名（降低跳出率、增加會話持續時間、增強用戶體驗……）
比普通網站更安全（使用 HTTPS）
更好的客戶參與度（通過推送通知）
使用“添加到主屏幕”輕鬆安裝
自動更新

如果您只能選擇一個選項——AMP 或 PWA，那麼 PWA 將是更好的選擇。

83. 如何對用戶進行 PWA 教育？

越來越多的人了解 Progressive Web App 及其好處。許多用戶甚至多次體驗過 PWA 卻沒有意識到。

有兩種方法可以讓最終用戶了解 PWA。第一個是……什麼都不做，讓他們自己弄清楚，因為 PWA 非常容易與添加到主屏幕的彈出窗口一起使用。第二種解決方案是直接在網站上宣傳您的 PWA。安裝該應用程序毫不費力，但要享受其所有令人驚嘆的功能，用戶需要更多地了解它的工作原理。

84. 如何查找 PWA 新聞？

PWA 新聞可以在技術博客、Medium 或網頁（如 PWA 新聞或 PWA 開發公司的網站）上找到（例如： Tigren 的博客）。

85. 如何找到商家的 PWA 指南？

Tigren 的“PWA On Your Hands”電子書是商家最可靠的 PWA 指南之一。你可以在這裡下載。

86. PWA 是免費的嗎？

有很多免費的 PWA 插件和擴展。但是，免費的可能無法滿足您的要求且質量低下。最好的解決方案是聘請 PWA 服務提供商來構建一個好的 PWA。

87. PWA 對 SEO 有好處嗎？

PWA 被評估為對 SEO 友好。通過應用程序界面但仍然有 URL，PWA 是可鏈接和可共享的。

88. PWA 有多快？

一般來說，PWA 至少比普通網站快三到五倍。

89. 世界上第一個 PWA 是什麼？

沒有人知道哪個是世界上第一個 PWA。我們只知道 PWA 是 2015 年由 Google 的 Alex Russell 和 Frances Berriman 帶給我們的。

90. 是否可以在沒有網站的情況下分發 PWA？

是的。我們可以在沒有網站的情況下從頭開始構建 PWA。

91. PWA 必須要有 SSL 嗎？

PWA 必須安全可靠，因此需要 SSL（安全套接字層）證書。

92. PWA 是否存在於應用商店中？

PWA 是一種通過網站交付的網絡，這意味著它不完全是一個應用程序，不會出現在應用程序商店中。

93. 是否可以將 PWA 與 AMP 集成？

是的，PWA 和 AMP 組合將為您提供兩全其美的優勢和顯著優勢。

94. 我可以在沒有編碼知識的情況下製作 PWA 嗎？

答案是肯定的。在沒有編碼知識的情況下，可以使用現成的插件或擴展來製作漸進式 Web 應用程序。但是，您從這些 PWA 插件中獲得的結果可能無法滿足您的需求，甚至會與您的網站產生一些衝突。最好的建議是，如果您真的想將您的網站轉換為 PWA，您應該聘請專業的服務提供商。

95. 如何找到 PWA 教程？

Google 和 Youtube 上有很多 PWA 教程。所有教程都在指導從頭開始構建 PWA，但對於沒有編碼知識的人來說仍然很難。

96. 是否有 PWA 電子書可用？

您可以在 Google 上找到大量簡短的 Progressive Web App 指南。然而，Tigren 只出版了一本綜合性的 PWA 電子書。

您可以在此處訪問它以獲取我們的免費 PWA 電子書。

97. 什麼是 PWA 擴展/插件？

PWA 擴展/插件是為 PWA 定制特定平台的小型軟件程序。有幾個 PWA 插件適用於 WordPress、Magento、Shopify 等平台。

98. 什麼是 PWA 谷歌燈塔？

Google Lighthouse 是一種用於分析網頁性能的自動化工具。 Gooogle Lighthouse 最特別的地方在於它能夠使用最佳實踐測試漸進式 Web 應用程序。

99. 如何找到 PWA 支持？

你需要幫助嗎？您可以通過[email protected]直接與我們聯繫以獲得 PWA 支持。

100. PWA 的最佳實踐是什麼？

PWA 的最佳實踐是它帶給用戶的體驗。

Progressive Web Apps 的所有功能旨在為用戶帶來最佳體驗。憑藉快速的頁面加載速度、離線模式和類似應用程序的界面，用戶體驗是開發人員關注的焦點。在我看來，PWA 在增強用戶體驗方面做得很好。

此外，推送通知功能可幫助企業主更好地與用戶互動。