在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决方案。
解决方案如下:
描述
备注
资源级别
- 全局级(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
}
}
- php有专门的json转换库
- js的配置结构同css的配置json
f2engine.php
1、读取json配置文件,转化成php数组2、根据每个页面的资源参数,查找该页面拥有的样式资源
3、根据文件输出方案,进行处理
4、在页面上输出
- 配置文件没有更新的情况下,只解析一次json为数组
- 只解析一次资源,并将结果保存,供下次直接使用
例子
- 根据页面找到页面级资源: Page["search.php"]
- 根据该数组的第一个值查找所引用的模块样式
- 根据配置文件中的“Compress”值确定文件输出方案,并进行处理
- 在页面上进行输出
//全站样式 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
比如search.php这个页面的样式引用
代码在开发中。欢迎大家一起探讨指教下。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
- 纪钧瀚《钢琴阅读时光 雨中书店聆听轻音乐》[FLAC/分轨][399.62MB]
- 证声音乐图书馆《走向自然 疗心爵士乐》[320K/MP3][87.4MB]
- 证声音乐图书馆《走向自然 疗心爵士乐》[FLAC/分轨][184.94MB]
- 陈慧娴.2018-Priscilla-Ism演唱会3CD(2024环球红馆40复刻系列)【环球】【WAV+CUE】
- 郑秀文.1999-我应该得到(国)【华纳】【WAV+CUE】
- 陈家慧.2011-钢琴酒吧2CD【龙吟唱片】【WAV+CUE】
- 证声音乐图书馆《雨季 蓝调吉他 Rainy Blues》[320K/MP3][45.01MB]
- 证声音乐图书馆《雨季 蓝调吉他 Rainy Blues》[FLAC/分轨][109.13MB]
- 赞多《序章》[320K/MP3][45.54MB]
- 许巍.2004-每一刻都是崭新的【步升大风】【WAV+CUE】
- 群星.2024-四方馆影视原声带【韶愔音乐】【FLAC分轨】
- 陈雷.1997-安锁咧【金圆唱片】【WAV+CUE】
- 关淑怡.2013-MY.FAVORITE.SK.3CD【环球】【WAV+CUE】
- Sweety.2006-花言乔语【丰华】【WAV+CUE】
- 李恕权.2003-回·20年全精选2CD【SONY】【WAV+CUE】