谁能解释一下这个问题

蒟蒻

一个网站，代码先后顺序是：
编码
标题
图标
背景图
js弹窗

那为什么JS没加载完的时候，图标和背景都加载不出来？
@hjz713

hjz713

在JS没有加载完成时都会这样，我管这样叫“堵路”。
在网页中，JS的位置是重要的，所以要把它当大哥，放前面
否则就会强称大哥，堵住后面CSS（background）与IMG（图标）的路，影响他们的加载，纵使网页加载变慢。
原因

• JS 运行在浏览器中，是单线程的，每个 window 一个 JS 线程，当然会阻塞后续的解析。
• JS 有可能会修改 DOM 结构，给 DOM 添加样式等等，所以这就意味着在当前 JS 加载执行完成前，后续资源的加载可能是没有意义的。
  

建议直接放到head里，必须时可以放在body结束前。
补充小贴士：
CSS会堵JS的路，但是复杂，感兴趣可以搜来看。
所以，你懂了吗？

蒟蒻

hjz713 发表于 2023-3-13 19:26
在JS没有加载完成时都会这样，我管这样叫“堵路”。
在网页中，JS的位置是重要的，所以要把它当大哥，放前 ...

懂了懂了