AMP 和 PWA 如何相互關聯

重要提示：此文件不適用於您目前選擇的格式 email！

觀看結合 AMP 和 PWA 的介紹。

漸進式 Web 應用程式和 AMP 頁面可以完美協同運作。事實上，在許多情況下，它們以某種方式互補。了解如何

在 Web Fundamentals 了解更多關於漸進式 Web 應用程式的資訊。

具有 PWA 功能的 AMP 頁面

AMP 頁面可以自行使用許多 PWA 功能，只要它們是從您的來源（您的網站網域）而不是 AMP 快取伺服。這表示當在 Google 或 Bing 等平台上使用 AMP 頁面時，PWA 功能不會啟動，但在後續旅程中，或使用者直接導航至您的 AMP 頁面時，PWA 功能將會啟動。

繼續閱讀 – 了解如何為您的 AMP 頁面啟用 PWA 功能。

AMP 獨特的賣點是近乎即時的傳輸速度，這使得 AMP 非常適合使用者首次與您的網站互動。漸進式 Web 應用程式可實現更多的互動性和促進參與的功能，但它們的首次載入受到網站的 Service Worker，以及其資源和應用程式外殼僅在後續載入時加速傳輸的事實所阻礙。

一個好的策略是將您網站的入口點設為 AMP 頁面，然後在幕後預熱 PWA 並在後續旅程中切換到它。

繼續閱讀 – 了解如何透過 amp-install-serviceworker 將 AMP 連接到 PWA。

AMP 頁面的核心功能之一是它們易於且安全地嵌入，這就是為什麼越來越多的平台樂於分發和提供它們。

如果您正在建構漸進式 Web 應用程式，您可以透過重複使用您的 AMP 頁面作為您 PWA 的資料來源，獲得相同的優勢並大幅降低您的後端和用戶端複雜性。

繼續閱讀 – 了解如何在 PWA 中使用 AMP 頁面。