Почему при полной загрузке изображение оно все равно рендерится при вставке в DOM?

Такие дела.

У меня есть пачка картинок, которые динамически меняются.
Перед использованием я каждую загружаю:

let i = 1;
            function loadImage () {
                let img = new Image();
                img.onload = () => {
                    if (i === count) {
                        resolve();
                    } else {
                        i++;
                        loadImage();
                    }
                };
                img.src = path;
            }
            loadImage();

И, когда я их непосредственно вставляю в DOM, то они начинают рендериться! Причем, многие из них рендерятся частично и это жутко раздражает.

Что можно с этим сделать?