加载图像: Ajax vs常规的旧JavaScript

Question

我有一个基于jQuery的"carousel“，它可以在电子商务网站上的多个销售横幅之间切换。它们每个都很大，我希望页面尽可能快地加载。第一个横幅在HTML中引用，其他横幅通过JavaScript请求，大致如下：

<div class="banner"></div>

JavaScript的伪代码如下所示：

for each banner
    banner.css("background", "url('bannerBackground.jpg'");

所以背景图像是在用jQuery的$(document).ready()准备好DOM之后加载的。我的问题是:使用jQuery的ajax功能而不是我现在的方式做这件事有什么好处吗？

Answer 1

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

更多详细信息，请参阅雅虎开发人员提供的关于加速网站性能的this article。