面试取经:工程化篇-初识性能优化

50 阅读1分钟

概述

工程化的性能优化主要体现在以下几个方面

  • 构建性能(开发阶段)

    • 降低从打包开始,到代码效果呈现所经过的时间
  • 传输性能

    • 降低打包后的js代码传输到浏览器经过的时间

      • 总传输量:所有需要传输的JS文件的内容加起来,就是总传输量,重复代码越少,总传输量越少
      • 文件数量:当访问页面时,需要传输的JS文件数量,文件数量越多,http请求越多,响应速度越慢
      • 浏览器缓存:JS文件会被浏览器缓存,被缓存的文件不会再进行传输
  • 运行性能

    • JS代码在浏览器端的运行速度

      • 代码层面的优化

tips:性能优化要根据具体情况具体分析,不要盲目的进行性能优化,性能优化一般放到项目的收尾阶段。