在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决方案。
解决方案如下:
| 描述 | 备注 |
资源级别 | 页面的资源级别: 全局级(Common) 模块级(Module) 页面级(Page) |
|
优化方案 | 优化主要从以下几个方面: 减少单个文件的字节大小 减少文件的个数(即减少http请求数)
| 其他的优化是从开发技巧上进行的,取决于专业水平 |
文件输出方案 合并 压缩 | 基于资源级别及优化方案,制定以下4种方案: 1、直接引用单个文件依次引入(<link/>、<script/>) 2、基于1,进行单个文件压缩 3、按照资源级别合并成新的单个文件 4、基于3,进行合并后的文件压缩
| 思考点 方案3: 如何确定合并的文件个数? |
缓存问题 | 采用时间戳后缀 |
|
f2econfig_json | 配置文件: var f2eJson={ “Update”:”20091015″,//根据时间戳更新缓存 “Compress”:”1″,//文件输出方案(1,2,3,4) “Common”:[//全站公共样式 “common/global.css” ], “Module”:{ //模块及样式 “模块1”:[“product,.css”] }, “Page”:{//每个页面所拥有的样式 “index.php”:[“”,”sys/index.css”], //第一个元素存储模块引用名称,无则留空 “search.php”:[“模块1″,”product/search.css”] //引用多个模块,用 “,”隔开,比如: 模块1,模块2 学习交流
热门图片
猜你喜欢的新闻
新闻热点 2024-06-26 22:28:41
2024-06-26 22:26:16
2024-06-26 22:23:01
2024-06-25 19:29:23
2024-06-25 19:22:14
2024-06-25 19:19:15
疑难解答 |