如何延迟加载<amp-ad>?



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

我们能对元素做同样的事情吗?我还没有找到任何关于此的文档,但它可以保存更多的HTTP请求,因为这些广告通常会触发对广告商的大量请求。

谢谢!

您可以在 amp-ad 中使用懒惰功能。只需将data-lazy-fetch="true"属性添加到 amp 代码中,并在广告上方指定视口数量即可开始使用data-loading-strategy属性开始加载即可。我相信默认情况下它使用 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>

更多信息在这里

最新更新