Javascript 延迟加载的背景图像闪烁

我将我网站的所有javascript保存在一个大文件中——my_scripts.js。在所有页面上，我延迟加载此文件（使用内嵌javascript）。这是最后一件要装的东西

因为对于我的HTML正文，我使用了一个大的背景图像，我认为推迟加载这个图像也是一个好主意。从我的body css类中，我删除了这个部分：

背景图像：url（'my_background.jpg'）

然后，作为my_scripts.js的第一行，我添加了以下内容：
document.body.style.backgroundImage=“url（my_background.jpg）”

现在，用javascript将显示背景图像所需的css添加到我的主样式表中。工作，大背景加载后，所有其他加载

但是：当我在页面之间导航时，背景图像会闪烁。它每次都被加载。我做错了什么？my_scripts.js应该在浏览器的缓存中！为什么闪烁

编辑：如果我使用

if (document.images) {
img1 = new Image();
img1.src = "my_background.jpg";
}

使用
background image:url（'my_background.jpg）；
而不是
document.body.style.backgroundImage=“url（my_background.jpg）；
，因为，很简单，你的CSS规则没有闪烁。很简单。
我需要用JS添加背景。因为……太多太无聊了，读者无法解释。。