快速业务通道

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

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-03-02

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

解决方案如下:

 

描述

备注

资源级别

    页面的资源级别:

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

 

优化方案

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

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

     

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

    文件输出方案

  1. 合并
  2. 压缩

    基于资源级别及优化方案,制定以下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

 }

}

  1. php有专门的json转换库
  2. js的配置结构同css的配置json

f2engine.php

   1、读取json配置文件,转化成php数组
   2、根据每个页面的资源参数,查找该页面拥有的样式资源
   3、根据文件输出方案,进行处理
   4、在页面上输出
  1. 配置文件没有更新的情况下,只解析一次json为数组
  2. 只解析一次资源,并将结果保存,供下次直接使用

     

例子

    比如search.php这个页面的样式引用

     

  1. 根据页面找到页面级资源: Page["search.php"]
  2. 根据该数组的第一个值查找所引用的模块样式
  3. 根据配置文件中的“Compress”值确定文件输出方案,并进行处理
  4. 在页面上进行输出

    //全站样式 common

    <link type="text/css" href="common/global.pack.css?20091015" rel="stylesheet" />

    //模块样式 module

    <link type="text/css" href="product.pack.css?20091015" rel="stylesheet" />

    //页面样式 page

    <link type="text/css" href="product/serach.pack.css?20091015" rel="stylesheet" />

     

    注:压缩后文件名称变为   search.pack.css

     

 

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号