lazy-loading - Hugo 上的延迟加载图像

Question

我正在尝试在我的 hugo 网站上延迟加载图像。

lazyload我通过键入以下内容下载了 npm 插件： npm i lazyload.

在我的代码中，如果我遵循文档，我只需要写： <img class="lazyload" data-src="image.jpg" width="765" height="574" />

当我这样做时，图像不再显示，我认为这是因为data-src. 但没有data-src我不能做一个延迟加载。所以很困惑。

标签： lazy-loadinghugo

Answer 1

只需使用该标签loading=lazy即可在大多数现代浏览器的较新版本中使用。