我有一个房地产网站的页面，其中列出了所有公司的房产。在每个列表中，有一个滑块，包含约50个该属性的图像。
DEMO：http://lexis250.github.io/groupecopley/properties/
该网站由Jekyll和Foundation构建。
问题是此页面加载非常繁重。我想实现延迟加载，因此只在请求时才加载图像。这样做最有效的方法是什么？
基于github的代码： https://github.com/lexis250/groupecopley
如果我需要提供更多信息，请告诉我。我是初学者。
答案 0 :(得分：-1)
您可以使用分页和延迟加载的组合来实现此功能。您可以在页面上放置5或10个滑块。然后每个滑块可以使用延迟加载来加载图像。正如评论中所建议的那样，请查看slick：http://kenwheeler.github.io/slick/
向下滚动链接，您将看到延迟加载功能以及代码。
修改 您还可以通过gzip压缩查看图像压缩和优化网站。这里解释了Gzip压缩：http://betterexplained.com/articles/how-to-optimize-your-site-with-gzip-compression/