<img>时间过长加载，使用jQuery和幻灯片插件

我使用jQuery 1.6和幻灯片插件（slidesjs.com）
将载玻片具有以下格式：<a><img></a>
第一滑动所述的图像占用到6秒加载。
从Chrome网络面板我知道图像被加载两次，其中一个负载是什么花了这么长时间。<img>时间过长加载，使用jQuery和幻灯片插件

创建幻灯片中的代码是：

$('.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的网络信息：

任何想法发生了什么以及如何避免这种情况？

2011-12-02 Petruza

这是用于检索图像的网络时间。你无能为力。它在第一次加载后也被正确缓存，所以没有任何改进。连接缓慢？废话的网络主机？可以是很多事情，但与jQuery或您的代码无关。 – Strelok

代码304表示该文件自上次请求以来未更改。您没有下载两次图像数据 – sabof

我希望看到已经建立的链接。有可能被看作优化，如事情太多了：

等

上

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

2011-12-02 00:49:39

回答