Zurb foundation 1页，20个滑块，900个图像，如何优化速度？

我有一个网页为房地产网站与所有公司的财产清单。在每个列表中，都有一个滑块，其中包含该属性的约50个图像

演示：

这个遗址是用Jykyl和基金会建造的。

问题是这个页面的负载非常重。我想实现一个延迟加载，这样图像只有在被请求时才会被加载。做这件事最有效的方法是什么

基于github的代码：

---

如果我需要提供更多信息，请让我知道。我是一个初学者。

您可以使用分页和延迟加载的组合来实现这一点。您可以在一页上放置5或10个滑块。然后，每个滑块都可以使用延迟加载来加载图像。正如评论中所建议的，请在此处查看slick：

向下滚动链接，您将看到一个用于延迟加载的功能以及代码

编辑：

---

您还可以通过gzip压缩查看图像压缩和优化网站。Gzip压缩在这里解释：

您可以使用分页和延迟加载的组合来实现它。您可以在一页上放置5或10个滑块。然后，每个滑块都可以使用延迟加载来加载图像。正如评论中所建议的，请在此处查看slick：

向下滚动链接，您将看到一个用于延迟加载的功能以及代码

编辑：

---

您还可以通过gzip压缩查看图像压缩和优化网站。Gzip压缩在这里解释：

分页如何。由于您使用的是滑块，我会检查它有很多很好且易于使用的功能，其中之一是延迟加载。当您加载40mb视频时，询问如何优化显然是无稽之谈。你听说过接吻吗？在10分钟内，视频一次又一次地加载了5次。这扼杀了我的数据计划！！！你不应该只是反应迅速，你还可以负责任！那么分页呢。既然你使用的是滑块，我想看看它有很多好用的功能，其中一个是延迟加载。当你加载40mb视频时，问如何优化显然是胡说八道。你听说过接吻吗？在10分钟内，视频一次又一次地加载了5次。这扼杀了我的数据计划！！！你不应该只是反应迅速，你还可以负责任！