文章不易,请关注公众号 毛毛虫的小小蜡笔,多多支持,谢谢。
问题
看到一张图,想到一个问题:
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。
如下截图所示:
详情 请查看:毛毛虫的小小蜡笔
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。