我希望访问者在进入网站后立即看到加载的 GIF，直到网站完全加载并准备就绪。
HTML：
<img id = "firstLoadedImage" border="0" alt="title" src="Pictures/loading.gif" />
没有与此相关的 CSS。
我通过我的 javascript document.ready 调用加载了所有其他图像。这是在 HTML 或 CSS 中声明图像的唯一情况，因为我知道如果这样做，所有图像都会一起加载，但我只想先加载这个 gif。
但是问题仍然存在，仅在 CHROME 中，在我的 gif 图像实际加载并开始动画之前有一个非常明显的延迟。我对此进行了广泛的研究并找到了最佳匹配解决方案，但我尝试了他们的方法发现它与我的情况略有不同。- 加载 GIF（预加载器）仅在 Chrome 上卡住-
不同之处在于我在整个网页加载完成之前使用了 GIF。我已经尝试过使用 base64 的 dataURI。它对我不起作用，正如@amiregelz OP 在他的评论中所说的相同原因。所以唯一的其他解决方案是删除声明：
background-attachment: fixed;
但唯一的问题是我什至从未在任何地方使用过该代码。所以我想问题是现在，接下来我应该尝试什么。
Guru 的任何帮助将不胜感激。提前致谢。