Css 背景图像在页面加载时闪烁，仅在Chrome中

我遇到了一个问题，这似乎只发生在使用Chrome时，我试图加载一个背景图像到我的网页上，但它似乎加载后，其余的内容已加载，其中包括图像。我已经测试了不同的文件格式、分辨率以及在Edge和IE中加载网站，所以我认为这与Chrome如何解释我的代码有关

CSS的开头，插入背景图像

@font-face {
font-family: 'HeaderFont';
src: url("Fonts/GenBasB.ttf") format('truetype');
}
body {
    background-image: url("Images/Background.jpg");
    background-size:cover;
    font-family: 'HeaderFont';
    font-size:120px;
    color:#443a31;
}

---

听起来可能是webfont下载阻塞了东西。检查Chrome开发工具中的时间线。@CBroe我已经看过了，加载了一些图像，然后对一些绘画进行了光栅化。之后，它加载另一个图像-假设背景图像，最后再次栅格化绘制。有没有办法改变Chrome加载代码的方式？谢谢你的建议！：）