|
minify插件的主要作用是把多个css或js请求合并成一个请求,并压缩输出,减少页面中的http请求数量,从而实现页面加载提速。
由于各种服务器环境配置不一样,minify插件要求合并的css或js都以utf-8编码保存,否则在部分主机上会显示乱码,无法正常使用。
卷皮7.0程序的css和js全部保存在static目录下面,大家可以使用notpad++软件打开css或js文件,用软件的编码菜单中的“转为utf-8编码格式”把文件保存为utf-8编码。
本版发布的卷皮7.0minify插件中默认合并的css文件有:
- jwap/css/alert.css,jwap/css/global.css,jwap/css/pg-emailmatch.css,jwap/css/style_v3.css,jwap/css/jp.bag.css,newpi/css/zhuce.css,newpi/css/login.css,newpi/css/pg-emailmatch.css,red/css/alert.css,red/css/base.css,red/css/base.css,red/css/alert.css,newpi/css/global.css,newpi/css/md-list.css,newpi/css/pg-index.css,newpi/css/pg-zhe-main.css,newpi/css/main.css
复制代码 本版发布的卷皮7.0minify插件中默认合并的js文件有:- js/jquery/plugins/jquery.tools.min.js,js/jquery/plugins/jquery.masonry.js,js/jquery/plugins/formvalidator.js,js/fileuploader.js,js/yangtata.js,js/front.js,js/dialog.js,js/user.js,red/js/comment.js,red/js/comm.js,newpi/js/lightbox.js,newpi/js/goodlist.js,newpi/js/pg-index.js,newpi/js/jquery.min.js,red/js/jquery.cookie.js,red/js/fun.js,newpi/js/header.js,js/device.js,red/js/jquery.js,red/js/jquery.cookie.js,red/js/funs.js,red/js/error.js,red/js/noWordArr.js,red/js/jquery.validate.js,red/js/placeholder.js,red/js/jquery.emailmatch.js,jwap/js/mjp.min.js,jwap/js/swipeSlide.min.js,jwap/js/jp.common.js,jwap/js/jquery-1.8.0.js
复制代码 合并后生成的文件保存在data/minify目录,所以必须设置这个目录的权限可以读写改(777)。
minify插件使用方法举例:
比如你模板中引用了三个css文件,原始的引用方法:这三个css分别保存在目录static/red/css、static/newpi/css
- <link rel=stylesheet type=text/css href="__STATIC__/red/css/alert.css" />
- <link type="text/css" rel="stylesheet" href="__STATIC__/newpi/css/global.css" />
- <link type="text/css" rel="stylesheet" href="__STATIC__/newpi/css/main.css" />
复制代码 打开网站的时候会先后分三次加载这三个文件,如果使用minify插件合并加载,则只需要请求一次:
- <link type="text/css" rel="stylesheet" href="/?m=min&f=static/red/css/alert.css,static/newpi/css/global.css,static/newpi/css/main.css" />
复制代码 js合并加载的方式跟css一样:
原始的分开加载:
- <script type="text/javascript" src="__STATIC__/red/js/fun.js"></script>
- <script type="text/javascript" src="__STATIC__/red/js/jquery.cookie.js"></script>
- <script type="text/javascript" src="__STATIC__/newpi/js/header.js"></script>
复制代码 minify合并加载:
- <script type="text/javascript" src="/?m=min&f=static/red/js/fun.js,static/red/js/jquery.cookie.js,static/newpi/js/header.js"></script>
复制代码
了解了以上引用方法之后,你就可以动手自己修改模板,找到你模板中引用css和js的地方,删除原来的引用方式,换成按顺序合并加载方式。
|
|