2.如何进行网站性能优化?
1) 减少HTTP请求数
- 合并js文件
- 合并css文件
- 雪碧图的使用(css sprite)
- 使用base64表示简单的图片
2)减小资源体积
- gzip压缩
- js混淆
- css压缩
- 图片压缩
3)缓存
- DNS缓存
- CDN部署与缓存
- http缓存
4)移动端优化
- 使用长cache,减少重定向
- 首屏优化,保证首屏加载数据小于14kb
- 不滥用web字体
5) 优化网页渲染:
- css的文件放在头部,js文件放在尾部或者异步
- 尽量避免內联样式
6) DOM操作优化
- 避免在document上直接进行频繁的DOM操作
- 使用classname代替大量的内联样式修改
- 对于复杂的UI元素,设置position为absolute或fixed
- 尽量使用css动画
- 使用requestAnimationFrame代替setInterval操作
- 适当使用canvas
- 尽量减少css表达式的使用
- 使用事件代理