最近我刚做了一些关于Server Side Render的工作。我遇到了一个我无法找到真正逻辑的问题。
在一般情况下，浏览器会在加载脚本时显示内容，该内容在</body>之前。
<body>
<div>Our Content</div>
<script src="xxx.js"></script>
</body>
但是我遇到了一个案例，即chrome会在脚本之后显示第一个绘图，该脚本很小或缓存完成加载和运行。
我使用Chrome开发工具查看网页效果。当我打开网络Throtting时，它将在加载和运行JavaScript之前显示第一个绘图。但是，如果在解析HTML时加载脚本，chrome将运行脚本，然后显示第一个画图。
以上是一个简单的案例。但是浏览器如何确定在不同情况下显示第一个油漆？