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

【问题标题】：website load time is too long because of too many image links on the main page由于主页上的图片链接过多，网站加载时间过长
【发布时间】：2017-06-07 19:52:45
【问题描述】：

我有一个使用 Hugo 静态站点生成器构建的网站。我使用的主题叫做Dimension，是一个单页主题。我有许多页面，每个页面都写在一个降价文件（.md 文件）中，但是当我使用 hugo 时，它结合了index.html 中的所有文件。主题使用overyal（模态）来创建不同的页面。 Here 是其工作原理和外观的一个示例。例如，如果您单击INTRO 链接，您将转到此 URL：http://themes.gohugo.io/theme/dimension/#intro，intro 的内容在 intro.md 文件中。所以INTRO页面被称为模态或覆盖。

由于我有很多指向网络图像的链接（大约 1000 个）并且所有这些链接都放置在 `index.html' 中，因此加载需要很长时间，尽管我不需要一次全部。有没有办法只加载特定叠加层所需的图像？

【问题讨论】：

标签： modal-dialog overlay singlepage page-load-time hugo

【解决方案1】：

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

【讨论】：

确实很有帮助。它显着提高了我网站的加载速度。感谢您的回答。