浏览器
- 减少HTTP请求次数:合并文件、使用CSS Sprites、使用雪碧图、使用CDN加速等。
- 设置浏览器缓存策略(强缓存与协商缓存)
- 白屏添加动画(用户体验)
资源
- 静态资源cdn
- 静态资源单独域名
- 资源压缩:如果浏览器支持gzip解析,服务器推送gzip资源,检查请求头 Accept-Encoding: gzip
- 服务端渲染
图片
- 图片懒加载
- 精灵图\雪碧图
- icon代替图片
- 图片压缩成png格式,无损压缩
- 小于10kb的图片,使用base64编码: url-loader
代码
- 慎用全局变量
- 缓存全局变量
减少重绘回流
- 重绘:dom元素不更改大小位置的变化叫重绘
- 回流:dom元素更改大小位置的变化叫回流
打包
- 按需加载资源
- 减少代码体积
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。