由于主页上的图片链接过多,网站加载时间过长

website load time is too long because of too many image links on the main page

我有一个使用 Hugo 静态站点生成器构建的网站。我使用的主题称为 Dimension and is a single page theme. I have a number of pages each written in a markdown file (.md file) but when I use hugo it combines all the files in the index.html. The theme uses overyal (modals) to create different pages. Here 是其工作原理和外观的示例。例如,如果您单击 INTRO link,您将转到此 URL:http://themes.gohugo.io/theme/dimension/#intro,并且 intro 的内容在 intro.md 文件中。所以INTRO页面被称为模式或覆盖。

因为我有很多 link 的网络图片(大约 1000 张),而且它们都放在 `index.html' 中,所以加载需要很长时间,尽管我不一次需要所有这些。有没有办法只加载特定叠加层所需的图像?

试用 Lazysizes 脚本。它轻巧而强大:https://github.com/aFarkas/lazysizes