Jquery 加载图像:Ajax与常规旧JavaScript

Jquery 加载图像:Ajax与常规旧JavaScript,jquery,ajax,Jquery,Ajax,我有一个基于jQuery的“旋转木马”,可以在电子商务网站上的多个销售横幅之间切换。它们都相当大,我希望页面加载速度尽可能快。第一个横幅在HTML中引用,其他横幅通过JavaScript请求,大致如下所示: <div class="banner"></div> for each banner banner.css("background", "url('bannerBackground.jpg'"); 因此,在DOM准备好jQuery的$(document).

我有一个基于jQuery的“旋转木马”,可以在电子商务网站上的多个销售横幅之间切换。它们都相当大,我希望页面加载速度尽可能快。第一个横幅在HTML中引用,其他横幅通过JavaScript请求,大致如下所示:

<div class="banner"></div>
for each banner
    banner.css("background", "url('bannerBackground.jpg'");
因此,在DOM准备好jQuery的$(document).ready()后,将加载背景图像。我的问题是:使用jQuery的ajax功能来加载数据比我现在的方式有什么好处吗?

浏览器可以使用每个子域2..4个(取决于浏览器)请求来加载数据。因此,在第一种情况下,DOM就绪后,将异步(部分)加载横幅。但是我想知道你用ajax加载图像是什么意思。Ajax通常用于加载一些文本数据。是的,您可以使用它加载图像,但只能在一些字节数组视图中加载。对请求也有同样的限制。因此,我建议您对横幅使用不同的子域(或多个域,例如CDN),并使用第一种方法。

有关更多详细信息,请参阅yahoo开发者关于加快网站性能的介绍。

我的做法似乎是“异步的”,因为它是在DOM加载后完成的。。所以我只是想知道我是否还缺少其他优势。