<img/>使用jQuery和Slides插件加载时间太长

Question

我正在使用jQuery 1.6和Slides插件（slidesjs.com）
幻灯片采用以下格式：<a><img></a>
第一张幻灯片的图像最多需要6秒才能加载 从Chrome网络面板我知道图像正在加载两次，其中一个负载正在花费这么长时间。

创建幻灯片的代码是：

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

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

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

Chrome的网络信息：

有关正在发生的事情以及如何避免这种情况的任何想法？

Answer 1

我很想看到你已经建立的链接。有很多事情可以考虑进行优化，例如：

• 许多HTTP请求
• 图片大小
• 第
页上的外部脚本的数量，大小和位置

等

如果页面加载时只显示少量图像，则应确保其他图像在页面完全加载之前不要尝试下载，因为您将从更高优先级窃取可用资源元件。