CSS与JS性能问题初步解决方案

在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人为JS性能问题设想了一个初步的解决方案。

JS性能问题解决方案如下:

描述

备注

资源级别

    页面的资源级别:

  1. 全局级(Common)
  2. 模块级(Module)
  3. 页面级(Page)

优化方案

    优化主要从以下几个方面:

  1. 减少单个文件的字节大小
  2. 减少文件的个数(即减少http请求数)

其他的优化是从开发技巧上进行的,取决于专业水平

    文件输出方案

  1. 合并
  2. 压缩

    基于资源级别及优化方案,制定以下4种方案:

    1、直接引用单个文件依次引入(