minify插件相关教程

[复制链接]
查看: 1068   回复: 16

1736

主题

4031

回帖

25278万

积分

管理员

时间可以证明一切,包括真爱!

Rank: 28Rank: 28Rank: 28Rank: 28Rank: 28Rank: 28Rank: 28

积分
252780326

最佳新人活跃会员热心会员推广达人宣传达人灌水之王优秀版主荣誉管理论坛元老

杨他他 发表于 2017-4-22 21:46 | 显示全部楼层 |阅读模式
爆款云服务器 30元/月
minify插件的主要作用是把多个css或js请求合并成一个请求,并压缩输出,减少页面中的http请求数量,从而实现页面加载提速。
由于各种服务器环境配置不一样,minify插件要求合并的css或js都以utf-8编码保存,否则在部分主机上会显示乱码,无法正常使用。
卷皮7.0程序的css和js全部保存在static目录下面,大家可以使用notpad++软件打开css或js文件,用软件的编码菜单中的“转为utf-8编码格式”把文件保存为utf-8编码。

本版发布的卷皮7.0minify插件中默认合并的css文件有:
  1. 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文件有:
  1. 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
  1. <link rel=stylesheet type=text/css href="__STATIC__/red/css/alert.css" />
  2. <link type="text/css" rel="stylesheet" href="__STATIC__/newpi/css/global.css" />
  3. <link type="text/css" rel="stylesheet" href="__STATIC__/newpi/css/main.css" />
复制代码
打开网站的时候会先后分三次加载这三个文件,如果使用minify插件合并加载,则只需要请求一次:
  1. <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一样:
原始的分开加载:
  1. <script type="text/javascript" src="__STATIC__/red/js/fun.js"></script>
  2. <script type="text/javascript" src="__STATIC__/red/js/jquery.cookie.js"></script>
  3. <script type="text/javascript" src="__STATIC__/newpi/js/header.js"></script>
复制代码
minify合并加载:
  1. <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的地方,删除原来的引用方式,换成按顺序合并加载方式。



淘钱钱 发表于 2017-4-24 23:27 | 显示全部楼层
更新感觉好困难,微信登陆到现在都没更新,直接上传恐怕回到解放前,自己去修改,根本找不到地方只能看了。
wuyong0725 发表于 2017-4-23 10:27 | 显示全部楼层
杨总已经把东西说的这么细了。你们用心点自己动动手就可以完成。我也是自己动手完成的。感谢杨总!
慢添黄叶 发表于 2017-4-26 19:18 | 显示全部楼层
搞两2天还弄不好,老大直接把正常的CSS 和JS 发出来吧
淘钱钱 发表于 2017-4-23 08:40 | 显示全部楼层
看来之后表示 没法更新,直接晕倒
hanxing520 发表于 2017-4-23 10:17 | 显示全部楼层
小白不是很明白
xhbest.org 发表于 2017-4-23 11:42 | 显示全部楼层
好复杂啊,就怕一不小心搞错了,然后就没法恢复了。
佳人网品牌女装  www.jiarenw.com

0

主题

35

回帖

11万

积分

卷皮VIP

Rank: 10Rank: 10Rank: 10

积分
116424
rp0768 发表于 2017-4-23 17:59 | 显示全部楼层
完成不了,怕搞完网站也报废

8

主题

27

回帖

4821

积分

卷皮VIP

Rank: 10Rank: 10Rank: 10

积分
4821
laz00000 发表于 2017-4-24 00:02 | 显示全部楼层
可以是可以 但是要知道 一旦更新回到解放前
lingfengl 发表于 2017-4-24 17:56 | 显示全部楼层
已安装,不过感觉不到提速了。
淘客是一门学问!

2

主题

25

回帖

1万

积分

卷皮VIP

Rank: 10Rank: 10Rank: 10

积分
18445
rxdzz 发表于 2017-4-24 20:12 | 显示全部楼层
不敢更新。。看不懂。为啥网站不可以一键更新呢?

点评

估计也有很多人没有修改模版,建议杨总提供一件更新包给我们  详情 回复 发表于 2017-4-26 15:25
模板和程序很多人自己修改过,一键更新的话,容易直接覆盖掉,  发表于 2017-4-24 21:18
12下一页
您需要登录后才可以回帖   登录 立即注册

高级模式

|手机版|小黑屋|杨他他淘宝客程序官方论坛

Powered by Discuz! X3.4 © 2001-2024 Comsenz Inc.