AMP 和 PWA 如何相互關聯

重要事項：本文件不適用於您目前選取的格式 stories！

觀看結合 AMP 和 PWA 的簡介。

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

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

具有 PWA 功能的 AMP 頁面

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

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

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

一個好的策略是讓您的網站入口點成為 AMP 頁面，然後在幕後暖機 PWA，並切換到 PWA 以進行後續旅程。

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

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

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

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