加載圖片：Ajax vs普通的老式JavaScript

我有一個基於jQuery的「carousel」，它在電子商務網站上的多個銷售橫幅之間切換。它們都很大，我希望頁面儘可能快地加載。第一個標題是在HTML中引用，和其他人通過JavaScript的要求，大致是這樣的：加載圖片：Ajax vs普通的老式JavaScript

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

的僞代碼的JavaScript看起來像這樣：

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

所以背景圖像加載DOM準備好jQuery的$（document）.ready（）之後。我的問題是：使用jQuery的ajax功能來做到這一點有什麼好處，而不是像現在這樣做嗎？

來源

2010-03-01 Chris

似乎我這樣做的方式是「異步的」，因爲它是在DOM加載後完成的。所以我只是想知道是否還有其他的優勢。 – Chris 2010-03-01 21:12:19

瀏覽器可以使用2..4（取決於瀏覽器）每個子域的請求來加載數據。因此，在第一種情況下DOM準備就緒後，橫幅將異步加載（部分）。但是我想知道通過使用ajax加載圖像是什麼意思。 Ajax通常用於加載一些文本數據。是的，你可以使用它加載圖像，但只能在一些字節數組視圖中加載。而且對請求也有相同的限制。因此，我建議您爲橫幅（或多個域，例如CDN）使用不同的子域，並使用第一種方法。
請參閱this article關於加速雅虎開發者網站的性能以獲取更多詳細信息。

來源

2010-03-01 21:37:38 zihotki

加載圖片：Ajax vs普通的老式JavaScript

回答

相關問題