使用 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

使用具有內建最佳化器整合的網站產生器或 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 (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 撰寫