高效的jQuery或HTML5图像滑块

Question

我有一个朋友，他正在制作一个投资组合网站。他有一些高分辨率的图像，他想要展示。在一个页面上将有多个项目，每个项目有几个图像。正因为如此，他希望尽可能减少加载时间，并节省系统内存使用。也就是说，他担心传统的jQuery滑块如果在同一个页面上被多次调用，会占用太多的内存。此外，在初始化时加载所有图像也不是一种选择，因为这会造成很长的加载时间。有没有人知道任何图像滑块，jQuery或HTML5，或两者都有，可以帮助解决这个问题？

Answer 1

在花时间搜索good jQuery滑块之前...

...start从基础开始：

1. 开始遵循一般的网页设计最佳实践，如theese
2. keep你的网页小于100KB和load fast？(越多越少越好)
3. 使用CDN (内容分发网络)来存储高清图像。
4. 只按需加载高清图像，不要预先加载它们。
5. 使用compressed、converted (避免png)和调整图像大小来适应滑块container.
6. do，而不是使用CSS或内联CSS缩放图像。(不是服务器端)
7. 使用Lazy loading设计模式。(如果就像你说的，有很多图片，页面会很长)