2017-06-06 39 views
0

我有一个使用Hugo Static网站生成器构建的网站。我用过的主题叫做Dimension,是一个单页主题。我有许多页面都以降价文件(.md文件)写入,但是当我使用hugo时,它合并了index.html中的所有文件。主题使用overyal(模态)来创建不同的页面。 Here是它如何工作和外观的例子。例如,如果您点击INTRO链接,则转到此URL:http://themes.gohugo.io/theme/dimension/#introintro的内容位于intro.md文件内。所以INTRO页面被称为模态或覆盖。由于主页上的图片链接过多,网站加载时间过长

由于我有很多链接到网页图像(大约1000),并且所有这些链接都放在`index.html'中,加载需要很长时间,但我并不需要一次全部加载。有没有办法仅加载特定覆盖图所需的图像?

回答

1

试用Lazysizes脚本。它的重量轻,功能强大:https://github.com/aFarkas/lazysizes

+0

事实上它非常有帮助。它显着提高了我网站的加载速度。感谢你的回答。 – TJ1