核心元件的AMP支援 amp-support
截至 版本2.11.0 核心元件的、 AMP — 行動頁面加速 — 完全支援。
本檔案概述AMP的支援方式以及如何為您的網站啟用。 不過,如需完整技術細節,請參閱 GitHub開發人員檔案。
什麼是AMP? what-is-amp
Accelerated Mobile Pages或AMP是一個開放原始碼架構,最初由Google設計,用於最佳化頁面以進行行動瀏覽。 AMP頁面的載入速度通常比標準網頁快得多,提供更出色的行動體驗。
核心元件中的AMP amp-in-core-components
核心元件支援AMP如下 完全可設定。 AMP版本的頁面可單獨提供、與標準HTML版本一起提供,或根本不提供。
核心元件使用 amp
作為Sling選擇器以轉譯AMP頁面。 例如 example.html
會轉譯一般頁面,並且 example.amp.html
會是AMP版本。
個別專案可決定是否運用AMP。 事實上,由於AMP和標準HTML頁面可以並行傳送,因此專案可以選擇只在某些專案頁面上使用AMP。
開始使用專案中的AMP支援 getting-started
雖然AMP支援提供極大的彈性,但快速開始使用AMP只需要幾個簡單步驟:
為頁面啟用AMP enabling-amp
若要為頁面啟用AMP,請 AMP模式 必須選取以下專案中的 頁面原則。
- 無AMP — 頁面僅以標準HTML傳送。
- 配對的AMP — 以AMP和HTML形式提供頁面。
- 僅AMP — 僅以AMP形式提供頁面。
頁面的AMP設定也可以在下列位置覆寫: 頁面屬性 個別頁面時。
- 繼承自頁面範本 — 這是預設值,可讓您從頁面範本的原則中取得設定。
- 無AMP — 頁面僅以標準HTML傳送。
- 配對的AMP — 以AMP和HTML形式提供頁面。
- 僅AMP — 僅以AMP形式提供頁面。
CSS需求 css-requirements
搭配核心元件使用AMP時,主要差異為AMP需要全部 要內嵌的CSS 在 <head>
元素和最佳化。
若要支援此功能,系統會使用自訂頁面元件,針對頁面上顯示的元件僅載入AMP專屬的CSS。
NOTE
由於AMP設計限制,Adobe不支援將回應式格線用於頁面的AMP版本。
如需進一步需求和技術詳細資訊,請參閱 GitHub開發人員檔案。
recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c