Загрузка изображения: Ajax против обычного старого JavaScript

Question

У меня есть "карусель" на основе jQuery, которая переключается между несколькими баннерами продаж на сайте электронной коммерции. Они все довольно большие, и я хочу, чтобы страница загружалась как можно быстрее. На первый баннер ссылаются в HTML, а остальные запрашиваются через JavaScript, примерно так:

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

Псевдокод для JavaScript выглядит так:

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

Таким образом, фоновые изображения загружаются после того, как DOM готов с использованием $ (document) .ready () jQuery. Мой вопрос: есть ли преимущество в использовании функциональности jQuery ajax, чтобы делать это, а не то, что я делаю сейчас?

Answer 1

Браузеры могут использовать 2..4 (зависит от браузера) запросы на поддомен для загрузки данных. Таким образом, после того, как DOM будет готов, в первом случае баннеры будут загружаться асинхронно (частично). Но мне интересно, что вы подразумеваете под загрузкой изображений с помощью ajax. Ajax обычно используется для загрузки некоторых текстовых данных. Да, вы можете загружать изображения, используя его, но только в виде массива в несколько байтов. И есть те же ограничения с запросами. Поэтому я рекомендую вам использовать другой поддомен для баннеров (или несколько доменов, например, CDN) и использовать первый подход.
См. эту статью о повышении производительности сайта от разработчиков Yahoo для получения дополнительной информации.