提高网站打开速度秘诀:压缩html,Javascript和CSS文件

我想大家都接触过Javascript和CSS吧，网站大量的特性都会用到Javascript和CSS文件，如果网站做大了，这些文件也会越来越多，这些文件一多了，就要影响到网站打开得速度，怎么解决这个问题呢？我们就要显示是压缩Javascript和CSS文件，减少Javascript和CSS文件的大小，从而提高我们网站打开速度；
 我在这里给大家介绍一款html，javascript，css 压缩工具，今天就以这个五色旗保健品商城为例为大家讲解:
一、压缩html和javascript：
我们用站长工具的JavaScript-HTML格式化工具，我们打开页面，我今天要压缩的文件js文件：common.js ，把js代码复制到到JavaScript/HTML格式化工具里面如下图所示：

点击下面的“普通压缩”和“加密压缩”按钮，经过我的精心测试，使用“加密压缩”，对文件压缩率是最好的，所以点击“加密压缩”，压缩后如图：

javascript代码压缩后，我们就把这些代码在复制到common.js文件里面，在吧这个文件上传到空间原来的位置，进行访问是否存在一些错误，如果没有什么问题说明压缩成功；

我的common.js 文件压缩前和压缩后的对比：
压缩前：

压缩后：

文件压缩前和压缩后确实有明确的减少，说明压缩确实减少文件的大小，
我们来测试文件压缩前和压缩后所有能的时间做对比(我是用火狐插件测试传输速度)：
压缩前所用时间：

压缩后所用时间：

压缩前所用时间是：125ms，压缩后所用时间：78ms ，文件压缩后给我们节省大量的时间，如果每个js都进行压缩，我们房子访问速度会更快的。

(注：html文件和javascript压缩原来一样的，当时压缩html要用到“普通压缩”按钮压缩)

二、压缩css文件：
我们打开站长工具的Css压缩/格式化工具页面，我要压缩的文件是五色旗保健品商城的css主文件style.css，首先我们打开站长工具的Css压缩/格式化工具页面 ，把style.css 代码放到Css压缩/格式化工具里面，如下图所示：

点击“压缩代码”按钮后，css代码压缩成功，如下图所示：

后边就是压缩后的css代码，你要不右边的代码复制到源文件style.css里面在上传到服务器空间里面，在访问一下网，看看网页样式有没有改变，如果有点变化就需要简单的调试一下，如果没有变样，说明你的css压缩成功了；
下面我们来看看styl.css文件压缩前和压缩后的大小和放在访问速度的大小：
文件大小对比：
压缩前：

压缩后：

压缩前30kb，压缩后23kb，明显的文件大小减小了
压缩前所用时间：

压缩后所用时间：

压缩前所用时间是：188ms，压缩后所用时间：93ms ，css压缩后明显的节省了95ms；

总结：一个大的网站可能会有很多的javascript和css，如果没有都进行压缩的话，一定会减少很多文件大小的，其实减少文件大少并不是很重要，最重要的是，文件容量减少了，能够快速的提高网站访问的速度，给用户带来好的体验，我们尽量的把文件压缩到最小，这样才有利于用户快速的打开网站。