css
一般css都会放在html文件的头部。
- 页面在加载的时候,浏览器就会识别该文档是一个css文件,就会并行下载,不会停止对当前html文档的解析。
- css是由单独的下载线程异步下载的,所以css加载不会阻塞dom树的解析。
- css的加载会阻塞render树的渲染(render的渲染是需要css的信息)
- 放在头部就可以保证在加载dom的时候,也可以同时对cssom树进行在家,可以防止闪跳或者是白屏布局混乱
js
一般js文件是放置在页面的最下面
- 外部引入js文件时,就会阻塞html的解析,也会阻塞该js引入位置以下的页面的内容的呈现
- js可能会改变dom树的结构因此就需要一个稳定的dom,所以要放置在页面的最下面