Кэширование изображения браузером

<script>
    var heroArray = [
        '/uploads/hero_about.jpg',
        '/uploads/hero_history.jpg',
        '/uploads/hero_contact.jpg',
        '/uploads/hero_services.jpg'
    ]
</script>
 
 
Когда посетитель заходит на сайт, после загрузки главной страницы, начинают загружаться изображения в кэш. Для того, чтобы кэширование не мешало отображению текущего контента, необходимо функционал JavaScript добавить в событие window load:
 
function preCacheHeros(){
    $.each(heroArray, function(){
        var img = new Image();
        img.src = this;
    });
};
 
$(window).load(function(){
    preCacheHeros();
});