- css放在前面，JS放在后面
【href和src的区别】
一般加载CSS用href,并放在头部；加载script用src，放在body内的下方。
【href】
是hypertext reference的缩写，表示超文本引用，用来建立当前元素和文档间的链接。常用的有link，a。
当CSS使用href引用，浏览器会识别该文档问CSS，(并行下载，不会停止对当前文档的加载)。
【 src】
是source的缩写，是资源，页面必不可少的一部分，src指向的内容会嵌入到文档中当前标签的位置。常用的有img, script, iframe。 (当script使用src引用，浏览器解析到该元素时会停止对文档的渲染，直到该资源加载完成。这也是将script放底部而不是头部的原因。)
【 把CSS放头部，script放下方的原因】
CSS放头部
在加载html生成DOM tree的时候，就可以同时对DOM tree进行渲染。
这样可以防止闪跳，白屏或者布局混乱。
javascript放在后面
javascript可能会改变DOM tree的结构，所以需要一个稳定的DOM tree。
javascript加载后会立即执行，同时会阻塞后面的资源加载。（javascript加载和执行的特点）
-
使用懒加载（图片懒加载，下拉加载更多）
-
减少DOM查询，对DOM查询做缓存；
-
减少DOM操作，多个操作尽力合并在一起执行；
网友评论