Javascript 高效的jQuery或HTML5图像滑块

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

在花时间搜索滑块之前

…从基础开始：

开始遵循一般的web设计最佳实践，如

将您的网页保持在100KB以下，并且？（越少越好）

使用（内容交付网络）存储高清图像

仅按需加载高清图像，不要预加载

使用，（避免png）和调整大小的图像以适合滑块容器

不要使用CSS或内联CSS缩放图像。（都不是服务器端）

利用设计模式。（如果像你说的那样，有很多图片，页面会很长）

---

在花时间搜索滑块之前

…从基础开始：

开始遵循一般的web设计最佳实践，如

将您的网页保持在100KB以下，并且？（越少越好）

使用（内容交付网络）存储高清图像

仅按需加载高清图像，不要预加载

使用，（避免png）和调整大小的图像以适合滑块容器

不要使用CSS或内联CSS缩放图像。（都不是服务器端）

利用设计模式。（如果像你说的那样，有很多图片，页面会很长）

---

为什么每次都要使用jQuery来提取多个图像，可以使用它一次提取所有图像。而且本质上是在页面加载后加载图像，这不会影响加载时间。或者有脚本可以帮助同时加载。可能是dup！首先，请记住，在浏览器中显示高分辨率图像一开始不是很有效。分辨率应降低到浏览器可以显示的最大值（72dpi）。可以通过单击低分辨率图像或低分辨率图像附近的链接访问图像的全尺寸高分辨率版本。只需使用sliderjs并继续-我猜任何jQuery滑块都会害怕在您的朋友网站上工作！为什么每次都要使用jQuery来提取多个图像，可以使用它一次提取所有图像。而且本质上是在页面加载后加载图像，这不会影响加载时间。或者有脚本可以帮助同时加载。可能是dup！首先，请记住，在浏览器中显示高分辨率图像一开始不是很有效。分辨率应降低到浏览器可以显示的最大值（72dpi）。可以通过单击低分辨率图像或低分辨率图像附近的链接访问图像的全尺寸高分辨率版本。只需使用sliderjs并继续-我猜任何jQuery滑块都会害怕在您的朋友网站上工作！