refresh-sf:透过Yahoo YUI压缩工具帮网站瘦身

南方网景

核心提示：如果你是自己架站的话，应该对于 CSS 或是 JS 文件不陌生，前者是样式表，后者则是为网站添加额外功能的 JavaScript ，可别小看这些文件，虽然它们可能都只有几 kb ，但要是访客很多，所耗费的带宽也不少。refresh-sf 使用 Yahoo！ 的 YUI Compressor 作为压缩工具，让

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

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

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

使用教学

为了教学的方便，我将 refresh-sf 丢进 Google 翻译里，获得如下图的中文介面。如果你对于英文很头痛，也可以学我这么做。要使用 refresh-sf 很简单，你可以直接把程式码复制后丢进去，或是在第二个栏位处直接上传文件。

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

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

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

文章来源：免费资源网路社群