• 网站重构
    • 速度优化
    • 功能加强
    • 模块重构

    网站重构

    网站重构应包含结构、行为、表现三层次的分离以及优化,行内分工优化,以及以技术与数据、人文为主导的交互优化等。

    从我所了解到的网站重构,它大概可以分为下面的几类:

    1. 速度优化
    2. 功能加强
    3. 模块重构

    下面就我们来看这三类的网站重构

    速度优化

    通常来说对于速度的优化也包含在重构中

    • 压缩 JS、CSS、image 等前端资源
    • 程序的性能优化(如数据读写)
    • 采用 CDN 来加速资源加载
    • 对于 JS DOM 的优化
    • HTTP 服务器的文件缓存

    如对于压缩前端资源这一类的重构,不仅可以从代码层级来解决问题,也可以借由服务器缓存来解决问题。这时候就需要去判断应该由哪个层级来做这样的事情——如果一件事可以简单地由机器来解决,但是由人来解决需要花费大量的时间,这时就应该交由机器来解决。而如果由人来解决是一个长期受益,并且成本比较低的事,那么就应该由人来解决。如我们只需要在我们的构建脚本中引入 minify 库就可以解决的事,那么应该交由人来做。

    如,采用 CDN、HTTP 服务器的文件缓存这一类应该交由机器来做。

    同时像程序性能优化、JS DOM 优化都是应交由人来解决的事。特别是像程序性能优化,从长期来看可能是一件长期受益的事。当且仅当,我们遇到性能问题时,重构这部分代码才可能带来优势。如果我们的网站访问量不是特别大,那么优化可能就是徒劳的。但是这种优化对于个人的成长还是挺有帮助的。

    功能加强

    一般来说功能加强,应该是由于需求的变动才引起对系统的重构需求:

    • 解耦复杂的模块 -> 微服务
    • 对缓存进行优化
    • 针对内容创建或预留 API
    • 添加新的 API
    • 用新的语言、框架代替旧的框架(如 Scala, Node.js, React)

    模块重构

    深层次的网站重构应该考虑的方面

    • 减少代码间的耦合
    • 让代码保持弹性
    • 严格按规范编写代码
    • 设计可扩展的 API
    • 代替旧有的框架、语言
    • 增强用户体验