前端的性能优化问题

请先阅读此网站

https://github.com/fouber/blog/issues/3

优化的手段

  1. 对于HTTP请求优化
    • 从设计实现层面简化页面
    • 合理设置 HTTP缓存
    • 资源合并与压缩
    • CSS Sprites雪碧图
    • 图片延时加载,先加载第一屏
    • 避免重复的资源请求
    • 减少不必要的 HTTP跳转
    • 合理使用svg,base64绘制图片
    • 减少cookie大小
      图片压缩:
  2. 代码级优化
    • 避免DOM回流,减少DOM重绘
    • 代码低耦合高内聚。
    • 减少不销毁闭包的使用(内存释放问题)
    • 尽量多使用异步编程
    • 清理过期的计时器
    • 能用css的动画尽量不要用原生的
    • 图片预加载
  3. 合理引入第三方文件,用压缩版本
  4. 视频引用video性能高于其他
雅虎性能优化建议:

https://www.cnblogs.com/lei2007/archive/2013/08/16/3262897.html

性能测试

google控制台的performance
google控制台的network

你可能感兴趣的:(前端的性能优化问题)