自核心元件的發行版本2.11.0起,已完全支援AMP - Accelerated Mobile Pages -。
本檔案概述如何支援AMP,以及如何為您的網站啟用AMP。 但如需完整的技術詳細資訊,請參閱GitHub開發人員檔案。
Accelerated Mobile Pages或AMP是開放原始碼架構,原本由Google設計,用來最佳化行動瀏覽頁面。 AMP頁面的載入速度通常比標準網頁快得多,可提供更好的行動體驗。
核心元件中對AMP的支援可完全配置。 AMP版頁面只能連同標準HTML版本一併提供,或完全不提供。
核心元件使用amp
作為Sling選擇器來轉譯AMP頁面。 例如, example.html
會呈現一般頁面,而example.amp.html
會是AMP版本。
個別專案可決定是否使用AMP。 事實上,由於AMP和標準HTML頁面可同時傳送,專案只能在專案的特定頁面上選擇使用AMP。
雖然AMP支援提供極大的彈性,但若要快速上手,只需幾個簡單的步驟:
若要為頁面啟用AMP,必須在頁面政策中選取AMP模式。
頁面的AMP設定也可以在個別頁面的頁面屬性中覆寫。
將AMP與核心元件搭配使用時,主要差異在於AMP需要所有CSS內嵌於<head>
元素中並最佳化。
為了支援此功能,我們使用自訂的頁面元件,只會為頁面上顯示的元件載入AMP專用的CSS。
由於AMP設計限制,Adobe不支援搭配您頁面的AMP版本使用回應式格線。
如需進一步需求和技術詳細資訊,請參閱GitHub開發人員檔案。