javascript - 使用 jQuery 和 Slides 插件加载时间过长

Question

我正在使用 jQuery 1.6 和幻灯片插件 ( slidesjs.com )
幻灯片的格式如下:<a><img></a>
第一张幻灯片的图像加载最多需要 6 秒。
从 Chrome 网络面板我知道图像被加载了两次，其中一次加载花费了很长时间。

创建幻灯片的代码是:

$('.rotator').slides({
  preload: true,
  play: 7000,
  pause: 2500,
  hoverPause: true
});

在屏幕截图中，您将看到对 jquery-1.6.js @ 第 2206 行的引用，即:

attr: function( elem, name, value, pass ) {
  ...
  elem.setAttribute( name, "" + value ); // <-- line 2206

Chrome 的网络信息:

对正在发生的事情以及如何避免这种情况有什么想法吗？

Answer 1

我有兴趣查看您已构建的内容的链接。有很多事情可以考虑进行优化，例如:

• 许多 HTTP 请求
• 图像大小
• 页面上外部脚本的数量、大小和位置

等等

如果页面加载时仅显示少数图像，您应该确保在页面完全加载之前不会尝试下载其他图像，因为您将从更高优先级的元素中窃取可用资源。