文章不易,请关注公众号 毛毛虫的小小蜡笔,多多反对,谢谢。
问题
看到一张图,想到一个问题:
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。
如下截图所示:
详情 请查看:毛毛虫的小小蜡笔