- 减少http请求
- 优化合并页面请求
- css sprite 页面静态图片(gulp-css-spriter)
- 静态图片的可转为base64在 html中存储（vue-cli 中用webpack实现）
- css, js文件的合并（gulp ,grunt）
- 图片的lazyload （有各种lazyload插件实现翻到哪儿，本屏图片才开始加载）
- 压缩（也都可以通过gulp，grunt，webpack之类的前端自动构建工具实现）
-
- 缓存
- 设置cache事件
- 使用外联css，js，浏览器304 not modify 缓存
- 脚本执行优化
- 加载css放head里，js放文档底部（雅虎军规）
- 减少css重绘
- 能用css （media query，百分比） 实现的，就不要用js去做。（之前做过一个内容自适应功能，感受比较多，用js去操作DOM会引起许多不必要的重绘，严重的影响性能，在移动端还会表现为web闪退）