ボディのスタイルを設定する前に背景画像がロードされていることを確認するにはどうすればよいですか?

const image = new Image();

image.src = 'http://picture.de/image.png';

image.addEventListener('load', function() {
  // Code to be executed after the image is loaded
});

const body = document.querySelector('body');
body.style.backgroundImage = `url('${image.src}')`;

function loadImage(src) {
  return new Promise((resolve, reject) => {
    const image = new Image();
    image.addEventListener('load', () => resolve(image));
    image.addEventListener('error', () => reject(`Failed to load image: ${src}`));
    image.src = src;
  });
}

loadImage('http://picture.de/image.png').then(image => {
  body.style.backgroundImage = `url('${image.src}')`;
});