当我们的网站内容多了之后，我们打开自己的网站就会非常的慢，有很多人呢就会换好的服务器，和增加带宽；其实不是这样的，不妨我通过一些优化减少占用服务器和宽带的资源，从而提高网站打开得速度；
我想大家都接触过Javascript和CSS吧，网站大量的特性都会用到Javascript和CSS文件，如果网站做大了，这些文件也会越来越多，这些文件一多了，就要影响到网站打开得速度，怎么解决这个问题呢？我们就要显示是压缩Javascript和CSS文件，减少Javascript和CSS文件的大小，从而提高我们网站打开速度；
我在这里给大家介绍一款html，javascript，css 压缩工具，今天我以我的五色旗保健品商城为例为大家讲解:
一、压缩html和javascript：
我们用站长工具的JavaScript-HTML格式化工具，我们打开页面，我今天要压缩的文件js文件：common.js ，把js代码复制到到JavaScript/HTML格式化工具里面如下图所示：
js压缩前02.jpg (64.38 KB, 下载次数: 1)
下载附件
点击下面的“普通压缩”和“加密压缩”按钮，经过我的精心测试，使用“加密压缩”，对文件压缩率是Z好的，所以点击“加密压缩”，压缩后如图：
js加密压缩后05.jpg (180.49 KB, 下载次数: 0)
下载附件
javascript代码压缩后，我们就把这些代码在复制到common.js文件里面，在吧这个文件上传到空间原来的位置，进行访问是否存在一些错误，如果没有什么问题说明压缩成功；
我的common.js 文件压缩前和压缩后的对比：
压缩前：
js文件压缩前01.jpg (3.13 KB, 下载次数: 0)
下载附件
js文件压缩前01.jpg
压缩后：
js加密压缩后06.jpg (2.15 KB, 下载次数: 0)
下载附件
js加密压缩后06.jpg
文件压缩前和压缩后确实有明确的减少，说明压缩确实减少文件的大小，
我们来测试文件压缩前和压缩后所有能的时间做对比(我是用火狐插件测试传输速度)：
压缩前所用时间：
js压缩前所用的时间01.jpg (6.35 KB, 下载次数: 0)
下载附件
js压缩前所用的时间01.jpg
压缩后所用时间：
js压缩后所用的时间02.jpg (6.31 KB, 下载次数: 0)
下载附件
js压缩后所用的时间02.jpg
(注：html文件和javascript压缩原来一样的，当时压缩html要用到“普通压缩”按钮压缩)
二、压缩css文件：
我们打开站长工具的Css压缩/格式化工具页面，我要压缩的文件是五色旗保健品商城的css主文件style.css，首先我们打开站长工具的Css压缩/格式化工具页面 ，把style.css 代码放到Css压缩/格式化工具里面，如下图所示：
css压缩前.jpg (80.95 KB, 下载次数: 0)
下载附件
css压缩前.jpg
点击“压缩代码”按钮后，css代码压缩成功，如下图所示：
css压缩.jpg (175.44 KB, 下载次数: 0)
下载附件
css压缩后.jpg
后边就是压缩后的css代码，你要不右边的代码复制到源文件style.css里面在上传到服务器空间里面，在访问一下网，看看网页样式有没有改变，如果有点变化就需要简单的调试一下，如果没有变样，说明你的css压缩成功了；
下面我们来看看styl.css文件压缩前和压缩后的大小和放在访问速度的大小：
文件大小对比：
压缩前：
压缩前01.jpg (2.17 KB, 下载次数: 0)
下载附件
css压缩前文件大小01.jpg
压缩后：
压缩后02.jpg (2.62 KB, 下载次数: 0)
下载附件
css压缩后大小02.jpg
压缩前30kb，压缩后23kb，明显的文件大小减小了
压缩前所用时间：
css压缩前的时间.jpg (7.36 KB, 下载次数: 0)
下载附件
css压缩前的时间.jpg
压缩后所用时间：
css压缩后的时间.jpg (6.06 KB, 下载次数: 0)
下载附件
css压缩后的时间.jpg
压缩前所用时间是：188ms，压缩后所用时间：93ms ，css压缩后明显的节省了95ms；
总结：一个大的网站可能会有很多的javascript和css，如果没有都进行压缩的话，一定会减少很多文件大小的，其实减少文件大少并不是很重要，Z重要的是，文件容量减少了，能够快速的提高网站访问的速度，给用户带来好的体验，我们尽量的把文件压缩到Z小，这样才有利于用户快速的打开网站，至此我的五色旗保健品商城优化后，我的每天的访问量也增加了很多。
-
压缩后02.jpg (2.62 KB, 下载次数: 4)
下载附件
2013-11-2 00:33 上传
