jQuery图像延迟加载

Question

const maxFiles = 50;
const randomEl = document.getElementById("random"); 

function randombg() {
    var random = Math.floor(Math.random() * maxFiles) + 1;
    randomEl.style.backgroundImage = `url('images/ (${random}).jpeg')`
}
randombg();

我有上面的代码，可为id为random的主体随机生成背景图像。因为我加载的图像分辨率很高，所以加载不平滑。如何添加延迟加载，以便立即加载整个图像？