在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人为JS性能问题设想了一个初步的解决方案。
JS性能问题解决方案如下:
描述 |
备注 | |
资源级别 |
页面的资源级别: |
|
优化方案 |
优化主要从以下几个方面: |
其他的优化是从开发技巧上进行的,取决于专业水平 |
文件输出方案 |
基于资源级别及优化方案,制定以下4种方案: 1、直接引用单个文件依次引入(、) 2、基于1,进行单个文件压缩 3、按照资源级别合并成新的单个文件 4、基于3,进行合并后的文件压缩 |
思考点 方案3: 如何确定合并的文件个数? |
缓存问题 |
采用时间戳后缀 |
|
f2econfig_json |
配置文件: var f2eJson={ "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 } } |
|
f2engine.php |
1、读取json配置文件,转化成php数组 2、根据每个页面的资源参数,查找该页面拥有的样式资源 3、根据文件输出方案,进行处理 4、在页面上输出 |
|
JS性能问题解决的例子 |
比如search.php这个页面的样式引用 |
网站题目:CSS与JS性能问题初步解决方案
链接地址:http://www.shufengxianlan.com/qtweb/news28/418328.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联