首页 > 开发 > CSS > 正文

不必需的样式脚本文件导致页面不能及时更新

2024-07-11 08:37:45
字体:
来源:转载
供稿:网友

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


解决方案如下:



























 


描述


备注


资源级别

页面的资源级别:


全局级(Common)
模块级(Module)
页面级(Page)

 


优化方案

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


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

 


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

文件输出方案


合并
压缩

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


1、直接引用单个文件依次引入(<link/>、<script/>)


2、基于1,进行单个文件压缩


3、按照资源级别合并成新的单个文件


4、基于3,进行合并后的文件压缩


 


思考点


方案3: 如何确定合并的文件个数?




缓存问题


采用时间戳后缀


 


f2econfig_json


配置文件:


var f2eJson={
            “Version”:”v3″,//版本


“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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表