文章不易,请关注公众号 毛毛虫的小小蜡笔,多多反对,谢谢。

问题

看到一张图,想到一个问题:
js放在css之前和js放在css之后,是否会阻塞页面?

如下截图所示:

初步来看,js在css之后必定会阻塞的,因为js是会先解释和执行,而后再渲染上面的节点。

但截图中的右侧呢?会不会阻塞?
个别很少把js写到css下面,所以比拟少思考这种状况。
但从浏览器渲染角度来剖析,js是会阻塞上面的css加载以及节点渲染的。

验证

js放在css前面

DOM加载工夫是5.11s,load的工夫是5.14s。
如下截图所示:

js放在css后面

DOM加载工夫是2.40s,load的工夫是3.40s。

如下截图所示:



详情 请查看:毛毛虫的小小蜡笔