前端性能优化

138 阅读1分钟
  1. css文件放到页头,js文件放到页面底部
  2. 减少HTTP请求
    合并静态资源文件(css ,js、小图片)
    小图片使用base64格式
  3. 优化代码、压缩静态资源文件,而从减少文件体积
  4. 使用HTTP缓存(浏览器缓存)
  5. 懒加载
  6. 预加载
  7. 减少DOM数量
  8. 避免过多的回流和重绘
    减少DOM的操作、使用CSS3动画
  9. 使用事件代理
  10. 节流和防抖
  11. 使用CDN
  12. gzip压缩