前端代码重构

Posted 2020-06-25 nekoooo

看了别人的代码重构心得觉得整理得不错，特转载，等自己亲身经历之后再来补充。

http://www.sxt.cn/u/4647/blog/5584

简要来说，代码重构大致包括以下内容：

1. CSS，js模块化，且尽量放在同一个文件中以减少请求次数
2. 拥有重复功能的外部框架精简统一
3. 调整资源加载顺序，使用压缩资源，或者雪碧图，提升页面加载性能
4. 代码风格精简规范化，如命名风格与缩进

但是在重构过程中需要预估风险，以免引入更难检测的bug。而且养成每修改一下部分就进行测试的习惯，并记录每次测试的性能相关参数以便于后期分析。

关于性能测试，这篇文章总结的不错。