AMP 和 PWA 如何相互關聯

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

觀看結合 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 頁面。