- 网站重构
- 速度优化
- 功能加强
- 模块重构
网站重构
网站重构应包含结构、行为、表现三层次的分离以及优化,行内分工优化,以及以技术与数据、人文为主导的交互优化等。
从我所了解到的网站重构,它大概可以分为下面的几类:
- 速度优化
- 功能加强
- 模块重构
下面就我们来看这三类的网站重构
速度优化
通常来说对于速度的优化也包含在重构中
- 压缩 JS、CSS、image 等前端资源
- 程序的性能优化(如数据读写)
- 采用 CDN 来加速资源加载
- 对于 JS DOM 的优化
- HTTP 服务器的文件缓存
如对于压缩前端资源这一类的重构,不仅可以从代码层级来解决问题,也可以借由服务器缓存来解决问题。这时候就需要去判断应该由哪个层级来做这样的事情——如果一件事可以简单地由机器来解决,但是由人来解决需要花费大量的时间,这时就应该交由机器来解决。而如果由人来解决是一个长期受益,并且成本比较低的事,那么就应该由人来解决。如我们只需要在我们的构建脚本中引入 minify 库就可以解决的事,那么应该交由人来做。
如,采用 CDN、HTTP 服务器的文件缓存这一类应该交由机器来做。
同时像程序性能优化、JS DOM 优化都是应交由人来解决的事。特别是像程序性能优化,从长期来看可能是一件长期受益的事。当且仅当,我们遇到性能问题时,重构这部分代码才可能带来优势。如果我们的网站访问量不是特别大,那么优化可能就是徒劳的。但是这种优化对于个人的成长还是挺有帮助的。
功能加强
一般来说功能加强,应该是由于需求的变动才引起对系统的重构需求:
- 解耦复杂的模块 -> 微服务
- 对缓存进行优化
- 针对内容创建或预留 API
- 添加新的 API
- 用新的语言、框架代替旧的框架(如 Scala, Node.js, React)
模块重构
深层次的网站重构应该考虑的方面
- 减少代码间的耦合
- 让代码保持弹性
- 严格按规范编写代码
- 设计可扩展的 API
- 代替旧有的框架、语言
- 增强用户体验