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