强制在其他背景图像之前先加载背景图像

有没有办法在下载其他图像之前强制下载特定图像（优先图像）？

我使用许多背景图片。我的目标网页有一个渐变填充，用作我的目标网页的第二张图片。

登陆页面CSS：

.bg-img1::before {
  background-image: url(https://mywebsite/images/myimage.jpg), linear-gradient(to top, #206020, white);
  background-size: cover, cover;
}

由于我的背景图片渐变在下载目标网页图片之前的3到4秒钟内显示，因此我不再使用DOM ready检测...

$(function() {
    // DOM ready, but image hasn't downloaded yet.
});

现在，我使用window.onload，一切正常，但是我添加了越来越多的图像，下载延迟变得越来越大。

window.onload = function() {
  // delay, delay... finally my landing page with gradient displays
});

为了重申我的问题，我希望能够优先下载目标网页。如果我切换回使用DOM ready，是否可以确保在显示渐变之前显示背景图像？