高效的jQuery或HTML5图像滑块

Question

我有一个正在制作投资组合网站的朋友.他有一些他希望展示的高分辨率图像.一个页面上将有多个项目,每个项目将有多个图像.因此,他希望尽可能减少加载时间,并节省系统内存使用量.话虽如此,他担心如果在同一页面上多次调用传统的jQuery滑块会占用太多内存.此外,在初始化时加载所有图像只是一个选项,因为这会产生很长的加载时间.有没有人知道任何图像滑块,jQuery或HTML5,或两者都可以帮助这个？

Answer 1

在花时间寻找一个好的jQuery滑块之前......

......从基础开始:

1. 开始遵循一般的网页设计最佳实践,如theese
2. 保持您的网页低于100 KB并快速加载？(越多越好越好)
3. 使用CDN(内容分发网络)来存储高清图像.
4. 仅按需加载高清图像,不要预加载它们.
5. 使用压缩,转换(避免png)和调整大小的图像以适合滑块容器.
6. 不要使用CSS或内联CSS缩放图像.(既不是服务器端)
7. 利用延迟加载设计模式.(如果你说有很多图像,页面会很长)