Предварительная загрузка картинок из CSS

Данный код необходим в том случае, когда нужно зараннее загрузить картинку в браузер пользователя, чтобы в дальнейшем пользователь не ждал загрузки необходимого фона картинки при работе с сайтом.

При вызове скрипта, картинка заранее будет загружена в кеш браузера, следовательно пользователю не придётся ждать. Смысл заключается в том, что на странице размещается отдельный "невидимый" блок-буфер (в нашем случае блок с id preloadedImages) и в него загружаются все необходимые картинки. Пользователь блока не видит, а браузер уже получает все необходимые картинки для дальнейшего использования их на сайте

#preloadedImages {
        width: 0px;
        height: 0px;
        display: inline;
        background-image: url(path_to/image1.png);
        background-image: url(path_to/image2.png);
        background-image: url(path_to/image3.png);
        background-image: url(path)to/image4.png);
        background-image: url();
 }