合并所有的js和css文件可以减少HTTP请求,这样能提升访问速度。

通常为了开发的方便,我们会把js按用途分类,这样就会有很多js文件,比如sablog的jscript文件夹里就有10几个文件,这样访问的时候就是10几个HTTP请求。

那么解决办法就是合并它们,对吧。可是这样有一个问题就是你需要保存所有文件的源文件,并且有修改的时候又要从新合并一次。

实际上我们可以更简单一点,让php去合并这些文件吧,同时我们也不用操心压缩这档子事了。这里就要提到一个开源的php项目,名字叫做Minify,它可以帮助你合并,精简,压缩和缓存Javascript以及CSS文件。

Minify的使用非常简单:

  1. 把下载到的源码解压缩,把其中的min文件夹复制到Apache的DOCUMENT_ROOT目录下,即你的网站跟目录。

  2. 然后打开min/config.php文件,注意下面一些选项

//去掉下面3项中的一项注释,设置缓存目录
//$min_cachePath = 'c:\WINDOWS\Temp';
//$min_cachePath = '/tmp';
//$min_cachePath = preg_replace('/^\d+;/', '', session_save_path());
//设置缓存时间,以秒为单位,当然是越大越好
//但是更简单的方式是在URL最后加一串数字,比如/min/f=hello.css&123456
//这样Minify会自动把缓存时间设置成一年,当文件有更新时之需要修改URL后面的数字即可
$min_serveOptions['maxAge'] = 1800;
//f参数获取的文件个数限制,建议越大越好,但是会出现URL超长的问题
//如果文件很多的话建议使用g参数设置group
$min_serveOptions['minApp']['maxFiles'] = 10;
3. 下面你可以打开http://yourdomain/min/builder/,这里有一个工具可以帮助你生成引用URL。填好你要合并的js或css文件,点击Update,下面会给出引用代码,类似这个样子

把它放到你的标签里,删掉原先的一堆脚本引用,好了,现在访问你的网站只有一个HTTP请求了。

  1. 你可能会嫌上面的URL是不是太长了点,当然我们还有更好的方法,并且效率会更高。我们可以使用g参数

这个方法需要在min/groupsConfig.php里进行设置,比如刚才的那一堆js可以写成这样

return array(
'js' => array('//sa2/include/syntaxhighlighter/scripts/shCore.js',
'//sa2/include/syntaxhighlighter/scripts/shBrush.js',
'//sa2/include/jscript/show.js',
'//sa2/include/jscript/jquery.js',
'//sa2/include/jscript/fiximage.js',
'//sa2/include/jscript/common.js',
'//sa2/include/jscript/ajax.js')
);
这段代码也是可以用上面提到的builder来生成的。

这样在你的网页中就只需要这样来引用了

看起来简洁许多吧~

合并多个js,css文件的方法(二):在服务端合并js和css文件http://www.cnblogs.com/chinafine/articles/2224028.html

下载地址:http://www.jb51.net/codes/67229.html

压缩 JavaScript 和 CSS,是为减少文件大小,节省流量开销;合并 JavaScript 和 CSS,是为了减少请求数量,减轻服务器压力。而这些枯燥又没有技术含量的工作,我们以前通常会手动处理,费时又费力。其实这些工作可以让一些工具为我们代劳,比如说,今天我推荐的这个工具—— Minify。

首先,先来看一下 Minify 在我的 WordPress 上使用的效果吧。

上图是本站首页的 JS 请求,从图中可以看出,这一个 JS 请求中,合并了 jquery.js,jquery-ui.js,public.js,index.js 这四个 JavaScript 文件,同理,CSS 文件的合并压缩形式也是如此。

那我们怎么使用 Minify 呢?Minify 是 Google Code 上的一个开源项目,我们可以前往这里围观。安装方法如下:

1、下载 Minify 并把 min 文件夹上传至你的主题文件夹下。 
2、配置 Minify,编辑 config.php 文件,可依据注释配置。(不配置也可使用 Minify) 
3、修改引入的 JavaScript 和 CSS 的链接地址。比如:

之前我在首页需要引入四个 JavaScript 文件:

而现在,我只需引入这一个 JavaScript 文件即可:

这样一来,就可以简单地完成了从服务器端在线合并压缩 JavaScript 和 CSS 文件,可能你已经看出来了,Minify 并不只是针对 WordPress 可用,只要你的服务器有 PHP5 的环境就可以使用,所以你也可以在其他项目中或工作中使用它,会减轻你的工作量,提高项目质量。
截图:

合并多个js,css文件的方法:在服务端合并js和css文件相关推荐

  1. 成品app直播源码,服务端与客户端传输视频文件

    成品app直播源码,服务端与客户端传输视频文件相关的代码 Server端 #define WIN32_LEAN_AND_MEAN #define _WINSOCK_DEPRECATED_NO_WARN ...

  2. 魔兽世界服务端源码各个重要文件详细情况说明——魔兽世界开服

    魔兽服务端开服源文件各文件翻译 很多文件在服务器中我们知道是跟什么有关,但就是不知道其作用是什么.就算我们知道在这些地方中的文件都是有着不小的作用.但是由于不知道各个文件代表的是什么意思所以在面对这些 ...

  3. access 合并多行字符串_八种方法玩转字符串合并,这篇文章全都给你讲明白!...

    在日常工作过程中,经常会遇到要把一串字符拼接到一起的情况. 你是不是还一直在用"&"连接符来合并字符串呢?当遇到很多个字符串需要合并的时候,这种方法又费时又费力,那有没有其 ...

  4. 在laravel5.8中集成swoole组件----用协程实现的服务端和客户端(二)---静态文件如何部署...

    目前,较为成熟的技术是采用laravelS组件,注意和laravel 区别laravelS多了一个大写的S,由于laravelS默认监听5200端口,所以laravel项目要做一些调整 例如: 静态文 ...

  5. 文件服务器 架构图,传奇世界服务端架构图(说明文件),适合新手看

    WolServer(服务器目录) │ ├-DB(数据库) │├GameData.DB (人物属性和帐号数据文件) │└GameLoad.DB (20110622引擎以后的数据库,所有数据合并后的文件) ...

  6. 传奇服务器列表文档,转来的 ,给新手看看 ,绝对实用、传奇服务端的构成及各个文件的作用...

    ■ 服务端(Mirserver) 主目录下的配置文件介绍: D:\Mirserver\Config.ini                    游戏控制器配置文件 ■ 服务端DBServer 人物数 ...

  7. 微信小程序商城服务器搭建,基于微信小程序商城毕业设计(小程序客户端+服务端Node.js源码)毕业论文+运行说明...

    微信小程序商城毕业设计(微信小程序客户端毕业设计) 摘  要 购物商城系统是保证以购物商城为基础的网上交易实现的体系.市场交易是由参与交易双方在平等.自由.互利的基础上进行的基于价值的交换.网上交易同 ...

  8. 【开源项目】Socket服务端与客户端传输视频文件

    TCP Server端 #define WIN32_LEAN_AND_MEAN #define _WINSOCK_DEPRECATED_NO_WARNINGS#include<windows.h ...

  9. 服务器子系统设备结构图,设备集中管理的方法、服务端和系统

    1.一种设备集中管理的方法,其特征在于,所述方法包括如下步骤: 服务端接收客户端对某一子业务系统的设备控制请求;所述设备控制请求为预设的结构化标准接口协议数据: 根据所述子业务系统对应的协议驱动以及所 ...

最新文章

  1. 杭电 HOJ 1312 Red and Black 解题报告
  2. 今天的工作发现了4年前的“bug一枚”
  3. DIOCP (一) DIOCP常见问题。
  4. tcp连接多久会自动断开_苹果M1 Mac用户报告蓝牙连接问题:外设经常会断开
  5. java对密码进行加密的方法_如何在JAVA中使用MD5加密对密码进行加密
  6. java 截串_java字符串截取
  7. Oracle账户的umask,AIX的Umask
  8. python直方图解释,请用Python详细解释二维直方图
  9. css中的.clearfix是什么意思?
  10. 网络攻防 第六周学习总结
  11. 【CVRP】基于matlab蚁群算法求解带容量的车辆路径规划问题【含Matlab源码 1039期】
  12. ArcGIS安装之后无法运行的几个常见问题的终极解决方法
  13. 美团斗鱼百度笔试概录
  14. Typora简易教程
  15. 天涯论坛_全球华人网上家园_天涯社区
  16. 云服务器安装Linux桌面,centos 云服务器有桌面吗 如何进行安装
  17. lsa ospf的opaque_OSPF LSA类型详解
  18. 鸽主姓名查询成绩_获奖鸽主姓名,名次及足环号码
  19. h5 先加载小图_干货!高手珍藏版的H5秘密尺寸
  20. Python性能分析利器pyinstrument讲解

热门文章

  1. java object toarray,Object[] toArray()
  2. JavaScript 正则匹配字符串中 base64 图片
  3. nandflash文件系统
  4. 站心直角坐标系转经纬高
  5. 常用的dos命令总结
  6. python连接Oracle数据库
  7. vivo折叠屏,唱响唱不红
  8. 访问者模式 java_java设计模式之访问者模式
  9. android arcore素材,AR 大战在即,谷歌发布 ARCore 回怼苹果 ARKit
  10. mysql linux初始化密码_linux mysql初始化密码