类Subway Surfers游戏障碍物图片加载延迟问题技术求助

我正在开发一款类似移动端《Subway Surfers》的网页游戏，目前遇到一个影响体验的问题：首次进入网站启动游戏时，障碍物图片只有在玩家靠近时才会加载显示，导致玩家来不及做出反应，经常撞上"隐形"的障碍物——比如车辆旁的垃圾，要等碰撞盒到达引擎盖高度时才会加载出来。

我自己想到两个解决思路：

• 提前下载图片，无需等待显示时机
• 游戏正式开始前，将所有图片放在屏幕外显示，以此触发提前加载

想请教：是否存在meta标签可以告知浏览器先下载全部页面内容再显示，或者优先加载图片？如果没法通过这种方式强制页面加载顺序，我可能就采用屏幕外遍历显示所有图片的方案来完成预加载。

另外，我尝试过用JavaScript实现图片预加载，参考相关文章后写了代码但运行报错，代码如下：

function preloadImage(url){
  const img = new Image();
  img.src = url;
  return img
}
function preloadImages() {
  const images = []
  for (var i = 0; i < arguments.length; i++) {
    images[i] = preloadImage(arguments[i])
  }
  return images
}
const images = preloadImages(
  "Grafika/terrain_default1",
  "Grafika/terrain_default2",
  "Grafika/thrashes_1",
  "Grafika/thrashes_2",
  "Grafika/tree_1",
  "Grafika/tree_2",
  "Grafika/tree_3"
)

内容的提问来源于stack exchange，提问作者Dominik Szkotland