1

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

问题

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

如下截图所示:
image.png

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

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

验证

js放在css后面

DOM加载时间是5.11s,load的时间是5.14s。
如下截图所示:
image.png

js放在css前面

DOM加载时间是2.40s,load的时间是3.40s。

如下截图所示:



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


simonbaker
256 声望2 粉丝

wx:毛毛虫的小小蜡笔