0

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

4

1 回答 1

5

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

...从基础开始:

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