Show Menu
主题×

对核心组件的AMP支持

从2. 11.0版 本的核心组 件开始,完全支持AMP —— 加速移动页面。
此文档概述了如何支持AMP以及如何为您的站点启用它。 但是,有关完整的技术详细信息,请参 阅GitHub开发人员文档。

什么是AMP?

加速移动页面或AMP是最初由Google设计用于优化移动浏览页面的开放源码框架。 AMP页面的加载速度通常比标准网页快得多,可提供更好的移动体验。

核心组件中的AMP

可完全配置核心组件中对AMP 的支持。 AMP版本的页面可以与标准HTML版本一起提供,或者根本不提供。
核心组件
amp
用作Sling选择器来渲染AMP页面。 例如,
example.html
将呈现普通页面
example.amp.html
,并将显示AMP版本。

要求

将AMP与核心组件一起使用时,主要区别在于AMP要求所有CSS都嵌入到元素
<head>
中并进行优化。
为支持此功能,将使用自定义的页面组件,该组件仅加载页面上所存在的组件的特定于AMP的CSS。
有关更多要求和技术详细信息,请参 阅GitHub开发人员文档。

在核心组件中使用AMP

单个项目可以决定是否利用AMP。 事实上,由于AMP和标准HTML页可以并行交付,因此项目可以选择仅在项目的特定页面上使用AMP。

安装AMP支持

由于AMP是可选的,它作为核心组件的扩展提供。
  • 对于AEM作为Cloud Service项目,扩展将自动可用。
  • 对于内部部署和AMS项目,安装核心组件时必须显式安装扩展。
安装扩展后,组件作者只需将组件超级类型指向扩展中的超级类型。

为页面启用AMP

要为页面启用AMP,必
须在页面策
略中 选择AMP模式。
  • 无AMP
    —— 页面仅作为标准HTML提供。
  • 成对AMP
    —— 页面以AMP和HTML的形式传送。
  • 仅AMP
    —— 页面仅作为AMP传送。
页面的AMP设置也可以在单个页面的 页面属性 中被覆盖。
  • 继承自页面模板
    -这是默认值,允许从页面模板的策略中执行设置。
  • 无AMP
    —— 页面仅作为标准HTML提供。
  • 成对AMP
    —— 页面以AMP和HTML的形式传送。
  • 仅AMP
    —— 页面仅作为AMP传送。