Amp html 如何延迟加载<;amp ad>;?

Amp html 如何延迟加载<;amp ad>;?,amp-html,amp-ad,Amp Html,Amp Ad,我正在创建一个AMP网站,到目前为止,一切都进行得很顺利。 默认情况下,元素是延迟加载的,这意味着当标记距离当前视口几像素时,将触发获取实际内容的请求。当页面很长且用户可能无法向下滚动到页面底部时,这非常有用。它保存了一些请求 我们是否能够对元素执行相同的操作?我还没有找到任何关于这方面的文档,但它可以节省更多的HTTP请求,因为这些广告通常会触发很多对广告商的请求 谢谢 您可以在amp-ad中使用延迟功能。只需将data lazy fetch=“true”属性添加到amp标记,并指定ad上方的

我正在创建一个AMP网站,到目前为止,一切都进行得很顺利。 默认情况下,元素是延迟加载的,这意味着当标记距离当前视口几像素时,将触发获取实际内容的请求。当页面很长且用户可能无法向下滚动到页面底部时,这非常有用。它保存了一些请求

我们是否能够对元素执行相同的操作?我还没有找到任何关于这方面的文档,但它可以节省更多的HTTP请求,因为这些广告通常会触发很多对广告商的请求


谢谢

您可以在amp-ad中使用延迟功能。只需将
data lazy fetch=“true”
属性添加到amp标记,并指定ad上方的视口数量,即可开始使用
数据加载策略
属性进行加载。我相信默认情况下它使用3个视口,但您可以调整它。 完整示例:

<!-- Lazy ad that will start loading after the user is one viewport above ad -->
<amp-ad ... data-lazy-fetch="true" data-loading-strategy="1"></amp-ad>


您可以在amp-ad中使用惰性功能。只需将
data lazy fetch=“true”
属性添加到amp标记中,并指定ad上方的视口数量,即可使用
数据加载策略开始加载。我相信默认情况下它使用3个视口,但您可以调整它。
完整示例:

<!-- Lazy ad that will start loading after the user is one viewport above ad -->
<amp-ad ... data-lazy-fetch="true" data-loading-strategy="1"></amp-ad>