通过 Yahoo! YUI 压缩工具帮网站瘦身

2019-03-19 07:05:21来源: freegroup.org 阅读 ()

新老客户大回馈,云服务器低至5折

如果你是自己建站的话,应该对于 CSS 或是 JS 文件不陌生,前者是样式表,后者则是为网站添加额外功能的 JavaScript ,可别小看这些文件,虽然它们可能都只有几 KB ,但要是访客很多,所耗费的带宽也不少。refresh-sf 使用 Yahoo! 的 YUI Compressor 作为压缩工具,让你可以获得容量更小、更精简的 CSS 和 JavaScript 档。

使用 Yahoo! YUI Compressor 作为压缩工具有个好处,就是不会对 CSS 和 JavaScript 文件造成损坏(这很重要),例如先前我曾经遇过:怎么压缩过的 JavaScript 文件变成无法运作?这可能是在压缩时造成某些段落损坏。但透过 YUI Compressor 压缩的文件不会造成任何错误,而且压缩比相当高,也就是能少掉至少 20% 以上的容量。

要使用 refresh-sf 很简单,你可以直接把程式码复制后丢进去,或是在第二个栏位处直接上传文件。如果你对于英文很头痛,可以将 refresh-sf 丢进 Google 翻译里,获得中文界面。

下面有一些设定的选项,例如要不要显示警告信息、在某个行号处插入断行、只缩小但不要把符号混杂、保留不必要的分号等等。

我将网站内某个 JavaScript 文件进去 Online YUI Compressor 压缩后,发现容量减少了 52%!真的就是这么神奇。不过压缩后的档案就会变得难以阅读,建议还是保留一份未压缩的档案作为下次修改或是参考用。

如果你愿意花一些时间检查网站上的 CSS 及 JavaScript 文件,并为它们瘦身一下,不但访客进入网站时载入速度可以变快,也能够减少网站带宽的耗费,一举数得。

工具网站:http://refresh-sf.com/yui/

文章来源:免费资源网路社群 转载请注明出处链接。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:系列教程 使用微软WebMatrix进行Web开发(7)

下一篇:成功运营地方门户网站的实用策略浅析