A)减少http请求数量
B)资源合并和压缩
C)将外部脚本置底
D)懒加载
E)将css放到head中
F)避免重复的资源请求
G)代码优化
把CSS放头部，script放 下方的原因
CSS放头部.
在加载html生成DOM tree的时候，就可以同时对DOM tree进行渲染。
这样可以防止闪跳，白屏或者布局混乱。
javascript放在后面
javascript可能会改变DOM tree的结构，所以要- -个稳定的DOM tree。
javascript加载后会立即执行，同时会阻塞后面的资源加载。(iavascript加 载和执行的特点)
一.尽量减少HTTP请求次数
1.合并js
2.合并css
3.图片sprie
二延迟加载内容
1.图片懒加载
2.数据懒加载(点击查看更多)
3.功能懒加载(曝光或者点击后加载html模块，js功能模块)
三.使用离线缓存
把常用的变动又少的js \ css \图片存储到localstorage,第二次访问的时候直接走本地缓存。在移动端使用广泛
四.css,js放置正确位置
1.把css放在head中，保证页面看到的时候样式是对的
2.把js放到body里最后的位置，防止加载js阻塞页面
五静态资源使用多个域名
对于图片\css\is可以并发加载
网友评论