使用 AMP Optimizer

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

AMP Optimizer 是一種工具，可將 AMP 快取最佳化功能帶到您自己的網站。使用 AMP Optimizer 是打造絕佳網頁體驗和達成 Core Web Vitals (網站核心指標) 合規性的關鍵。如果您想深入瞭解 AMP Optimizer 的運作方式，請查看我們的AMP 最佳化詳細指南。

AMP 不是已經很快了嗎？

您可能會想：等等，AMP 不是應該開箱即用就很快嗎？您的想法沒錯：AMP 執行階段已針對速度進行最佳化，而且所有有效的 AMP 網頁載入速度都很快。但是，您可以在伺服器上實作額外的效能最佳化，以協助瀏覽器更快載入 AMP 網頁。

一開始，AMP 快取為大多數 AMP 網頁提供服務。這些快取對網頁執行了額外的最佳化，以確保良好的使用者體驗。但是，隨著時間的推移，越來越多的介面開始連結到 AMP 網頁，開發人員也開始使用 AMP 建構整個網站。這就是為什麼 AMP 團隊開始開發 AMP Optimizer，讓所有人都能在自己的來源伺服器上提供具有類似 AMP 快取效能的 AMP 網頁。

整合 AMP Optimizer

有三種使用 AMP optimizer 的方法

使用具有內建 optimizer 整合功能的網站產生器或 CMS。
將 AMP Optimizer 整合到您的建置系統或伺服器中。
將 AMP Optimizer 整合到您的託管環境中。

CMS 與網站產生器

發布最佳化 AMP 的最佳方法是使用具有內建 AMP Optimizer 支援的網站產生器或 CMS。在這種情況下，您的 AMP 網頁將會自動最佳化。目前，以下網站產生器和 CMS 整合了 AMP Optimizer

WordPress 透過 AMP WordPress 外掛程式
Next.js
Eleventy 透過 eleventy-amp-plugin
create-amp-page-starter 透過 AMP Optimizer (Node.js) 與 netlifycms
新增您的項目？

自訂建置或伺服器整合

您也可以自行整合 AMP Optimizer。有多種可用的開放原始碼 AMP Optimizer 實作方式

AMP Optimizer (Node.js)：一個以 Node.js 為基礎的程式庫，用於產生最佳化的 AMP。請查看我們在 amp.dev 上的入門指南。此實作方式由 AMP 團隊維護。
AMP Toolbox for PHP：一個以 PHP 為基礎的程式庫，用於產生最佳化的 AMP。此實作方式由 AMP 團隊維護。
amp-renderer (Python)：Node AMP Optimizer 的 Python 連接埠。

對於由您的伺服器動態呈現的網頁和靜態網站，有不同的整合方式

建置時期：對於靜態網站，最好在建置時將 AMP 網頁最佳化。這種方法非常理想，因為最佳化 AMP 網頁不會影響服務效能。請查看此範例以瞭解 AMP Optimizer + Gulp 整合。
呈現時期：如果網站具有更動態的性質，或無法靜態套用轉換，則可以在伺服器中呈現 AMP 文件後執行最佳化。在這種情況下，為了確保快速的服務時間，最好快取轉換後的網頁以供後續請求使用。快取可以發生在 CDN 層級、網站的內部基礎架構 (例如：Memcached)，甚至伺服器本身 (如果網頁集小到足以放入記憶體)。若要深入瞭解此方法，請查看此示範，瞭解如何將 AMP Optimizer 整合到 Express.JS 中。

託管服務供應商整合

有些託管服務供應商允許在部署或服務網頁時執行自訂邏輯。這可能是整合 AMP Optimizer 的絕佳選項。範例整合包括

作者： @sebastianbenz