+ -
当前位置:首页 → 问答吧 → 减小js css体积,提高加载速度

减小js css体积,提高加载速度

时间:2009-11-29

来源:互联网

浏览器解析 js 跟 css 他是不用看空行,回车,制表符的。但是一个js跟css文件空行,转行跟制表符却占用一个文件起码15%的体积,美其名曰:缩进。比如

global.js
<sciript>
var a=1;
     if (a){
     alert(a);
}
</script>

我们minify一下把他弄成

<sciript>var a=1;if(a){alert(a);}</script>

根本不影响浏览器解析~~~又加载速度。。
又节省了体积。css同理……我就不用演示了

缩进对程序员是有用好看嘛,对浏览器一点用都没有,还占用网速跟流量,因此我们有必要minify一下~~~ 减少缩进跟空行空格。删除注释。。为什么你要minify?你去百度跟google主页。压根不是人看的~~~

minify地址: http://minify.fengyin.name/

怎么使用真的不要问我。。。你是菜鸟没必要优化,你是高手不用我说。。。
祝你们好运。

特别说明一下虽minify.fengyin.name 支持 直接输入地址帮你minify文件,但是文件是基于curl获取。5秒超时,你的js文件地址必须http 状态为200 否则curl会不鸟你的。意思就是你输入的地址不得做任何的跳转跟转向,如果你在minify.fengyin.name输入 了 文件的url 又在框内输入了代码内容,那么提交之后处理的是url地址的代码并非你在框内写的内容~~~ 这个是 先后顺序问题。。
-------------------------------------------------

这个程序源码不完善。如果需要的可以PM我。。。因为我还没有把他做完,现在拿来测试一下。

特别是minify html的 我就去除了缩进空行跟取消注释。其他还没写完,css 跟 js 的 minify 我可以找到很多例子。
可以参考,但是php minify html 我一个也没找到…… 郁闷。。

作者: 风吟   发布时间: 2009-11-29

网上有很多压缩JS ,CSS的在线工具,GOOGLE IT

作者: yoursjzz   发布时间: 2009-11-29

他们的不如自己写一个自己的。我是拿代码东拼西凑。。然后就是我的了,

这叫吸取精华~~

作者: 风吟   发布时间: 2009-11-30

用PHP函数直接压缩,
$content = preg_replace('/\s+/', ' ', $content);
注释用 /**/  不用 //
说明:上面的只是一种方面, 并非最优,

作者: kupe   发布时间: 2009-11-30

上面的万一我用//呢?

那你注释下一行的代码不是悲惨了?

作者: 风吟   发布时间: 2009-11-30

我在研究那个格式化的。。。难了。。正则太多……

作者: 风吟   发布时间: 2009-11-30

如果你想研究这个建议你去学习一下状态机

作者: shaoshuai_496   发布时间: 2009-12-01

支持跳转
CURLOPT_FOLLOWLOCATION=>true

作者: loki   发布时间: 2009-12-08

支持跳转
CURLOPT_FOLLOWLOCATION=>true

作者: loki   发布时间: 2009-12-08

如果有可能是要2次修改,我是不会把tab和换行删除的.

以后改起来累死....

作者: 林轻灵   发布时间: 2009-12-25

写得不错。

作者: mailangel123   发布时间: 2009-12-31

新增一个 代码简单格式化功能  format code

作者: 风吟   发布时间: 2009-12-31