无须需的款式脚本制作文档致使网页页面不可以

在开发设计全过程中，有时遇到因为缓存文件难题致使网页页面不可以立即升级，有时网页页面引进了无须需的款式脚本制作文档，有时因为文档太多，字节过大致使网页页面的特性迟缓，以便处理这些难题，本人构想了1个基本的处理计划方案。

处理计划方案以下：

 

叙述

备注

資源级別

网页页面的資源级別：

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"],

         //第1个元素储存控制模块引入名字，无则留空

       "search.php":["控制模块1","product/search.css"]

       //引入好几个控制模块，用 “，”分隔，例如：   控制模块1，控制模块2

 }

}

1. php有专业的json变换库
2. js的配备构造同css的配备json

f2engine.php

   1、载入json配备文档，转换成php数字能量数组
   2、依据每一个网页页面的資源主要参数，搜索该网页页面有着的款式資源
   3、依据文档輸出计划方案，开展解决
   4、在网页页面上輸出

1. 配备文档沒有升级的状况下，只分析1次json为数字能量数组
2. 只分析1次資源，并将結果储存，供下一次立即应用

    

事例

例如search.php这个网页页面的款式引入

 

1. 依据网页页面寻找网页页面级資源： Page["search.php"]
2. 依据该数字能量数组的第1个值搜索所引入的控制模块款式
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

    

 

编码在开发设计中。欢迎大伙儿1起讨论指教下。