前端性能优化总结

基本的性能优化

  1. 事件委托
  2. js动画用CSS3 HTM5来代替
  3. 减少网络资源请求次数(css js )css js 文件合并
  4. 节流
  5. 防抖
  6. 使用正确的图片格式,比如淘宝网的背景图用jpg,矢量图用png
  7. 图片懒加载
  8. 路由懒加载
  9. 浏览器的强缓存和协商缓存
  10. js阻塞,(正确使用 async defer 模式)
  11. cdn 内容分发服务器
  12. 减少重绘和重排
  13. ssr渲染(SEO优化)
  14. 长列表虚拟优化(vue 和 react 都有相应的组件)针对后端返回很多数据,没有做分页
  15. webpack 代码压缩
  16. tree shaking
  17. url-load 图片压缩
  18. gzip压缩, nginx服务器也是可以开启的
  19. 代码分离:将代码分离到不同的bundle中,现实按需加载,或者并行加载
  20. 文件指纹:对于后缀名打包之后,没有被修改的,可以从浏览器缓存中获取
  21. 事件销毁

vue性能优化
react性能优化
web性能优化

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值