Я создаю страницу, которая будет содержать много изображений большого размера, поэтому, естественно, я хочу убедиться, что страница загружается без особых проблем. Я читаю эту статью здесьhttp://24ways.org/2010/speed-up-your-site-with-delayed-content

Способ отсрочки заключается в следующем (извлекается из страницы, не обращайте внимания на URL)

<div>
    <h4>
        <a href="http://allinthehead.com/" data-gravatar-hash="13734b0cb20708f79e730809c29c3c48">
            Drew McLellan
        </a>
    </h4>
</div>

затем фрагмент изображения js заботится о загрузке изображения

$(window).load(function() {
    $('a[data-gravatar-hash]').prepend(function(index){
        var hash = $(this).attr('data-gravatar-hash')
        return '<img width="100" height="100" alt="" src="http://www.gravatar.com/avatar.php?size=100&amp;gravatar_id=' + hash + '">'
    });
});

Я не планирую делать это для каждого изображения, но определенно для некоторого изображения, которое мне не нужно показывать во время загрузки страницы.

Это лучший способ или есть лучшие способы для достижения более быстрой загрузки страницы, откладывая изображения?

Спасибо