4. CSS和JS的位置会影响页面效率 · 面试题

#### **CSS和JS位置** > 题目：CSS和JS的位置会影响页面效率，为什么？先说CSS。CSS的位置不会影响加载速度，但是CSS一般放在`<head>`标签中。前面有说DOM树和CSS树共同生成渲染树，CSS位置太靠后的话，在CSS加载之前，可能会出现闪屏、样式混乱、白屏等情况。再说JS。JS是阻塞加载，默认的`<script>`标签会加载并且立即执行脚本，如果脚本很复杂或者网络不好，会出现很久的白屏。所以，JS标签一般放到`<body>`标签最后。现在，也可以为`<script>`标签设置`async`或者`defer`属性。前者是js脚本的加载和执行将与后续文档的加载和渲染同步执行。后者是js脚本的加载将与后续文档的加载和渲染同步执行，当所有元素解析完，再执行js脚本。