Chrome背景图像渲染问题

Question

背景图像渲染不正确，当我选择文本时会出现背景图像。我试图删除javascript或一些代码，但它仍然表现得像那样。首先我认为它是缓存问题，但这也发生在localhost中。这是Demo video。

Answer 1

在加载.css

之前加载.js

Answer 2

我认为图像文件有点大（532KB）。尝试使用RIOT或类似方法缩小文件大小。我设法将其减少到96 KB（JPG 77％，Chroma subsampling Medium 4：2：0，Progressive），没有任何实质性的质量损失。

此外，您应该尝试重新组织代码的顺序。可以将所有JavaScript移到底部（在关闭body标签之前）