加载图片：Ajax vs常规旧JavaScript

Question

我有一个基于jQuery的“轮播”，可以在电子商务网站上的多个销售横幅之间切换。它们都非常大，我希望页面加载尽可能快。第一个横幅在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有关加快雅虎开发人员网站性能的信息。