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

2021-03-14 16:44 jianzhan

在开发设计全过程中,有时遇到因为缓存文件难题致使网页页面不可以立即升级,有时网页页面引进了无须需的款式脚本制作文档,有时因为文档太多,字节过大致使网页页面的特性迟缓,以便处理这些难题,本人构想了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起讨论指教下。