关于前端:js加载在css前面或后面的示例讲解

36次阅读

共计 303 个字符,预计需要花费 1 分钟才能阅读完成。

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

问题

看到一张图,想到一个问题:
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。

如下截图所示:

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

正文完
 0