CSS.JS文件发布机制的思考
作者:路口 来源:路口 时间:2009-08-04 13:07:00
在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决方案。
解决方案如下:
| 描述 | 备注 |
资源级别 |
页面的资源级别: |
|
优化方案 |
优化主要从以下几个方面: | 其他的优化是从开发技巧上进行的,取决于专业水平 |
文件输出方案 | 基于资源级别及优化方案,制定以下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 } } |
|
f2engine.php | 1、读取json配置文件,转化成php数组 2、根据每个页面的资源参数,查找该页面拥有的样式资源 3、根据文件输出方案,进行处理 4、在页面上输出 |
|
例子 |
比如search.php这个页面的样式引用
|
|
代码在开发中。欢迎大家一起探讨指教下。
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
[翻译]标记语言和样式手册 Chapter 16 下一步
DBA经验:如何进行MySQL数据库表的故障检测
CSS3:文字阴影知多少
![](https://img.aspxhome.com/file/UploadPic/20096/28/01-91s.png)
如何做一个可以让人家申请使用的计数器?
ASP编程常用的分页代码
DWCS3-CSS布局之一CSS规则大纲
跨浏览器的本地存储(二):DOM:Storage
asp 正则实现清除html文本格式的函数代码
XSL学习教程:运算符和函数
![](https://img.aspxhome.com/file/UploadPic/20081/22/200812219755424s.gif)
Web2.0 的视觉设计
![](https://img.aspxhome.com/file/UploadPic/200710/24/20071024223710131s.jpg)
菜鸟来看看:制作个人主页有诀窍
教你用压缩技术给SQL Server备份文件瘦身
用AspJpeg调整文字水印透明,生成图片水印的效果
![](https://img.aspxhome.com/file/UploadPic/200812/29/20061218144728479-19s.jpg)
英文罚抄引发的艺术创意
![](https://img.aspxhome.com/file/UploadPic/20085/13/200851312656339s.jpg)
MYSQL教程:如何选择正确的数据列类型
ASP利用Google实现在线翻译功能
Ajax学习小贴士
asp如何在约定时间显示特定的提示信息?
从长尾理论和二八定律的比较去看用户体验
![](https://img.aspxhome.com/file/UploadPic/20097/22/longtail-2-8-15s.jpg)