导读：通过提高Web资源的性能，让它们变得更小，使得网站的访问者将可以更快地加载较小的源文件，而且将可以节省网站所用的带宽。本文介绍了如何通过对CSS和JavaScript文件——两种易于优化的常见资源，使用社区中提供的工具即可完成优化——优化空间使用来实现更高的性能。然而，在继续之前，有一点是很重要的，压缩CSS和JavaScript文件只是为了让Web应用程序“轻巧”的诸多操作其中的两个技术。关于优化其他资源（比如，HTML和图像）的技术，可以从其他书籍或网络资源等参考资料中获取更多信息。本文内容由CSDN编辑节选并整理了IBM developerworks而来。

问题：空白内容

当开发人员使用CSS或JavaScript文件工作时，空白内容通常是一件好事。空白内容包括缩进文件所使用的字符，增强可读性的间距、以及为了在文章的不同部分添加一个可视间隔而插入的额外空行。空白内容使文件易于阅读和维护。如果CSS文件中有适当数量的空白内容（和注释），将有助于开发人员理解CSS代码的意图。

从这一点上来说，将文件变得更小作为问题的一个长期解决方案是不可行的，因为文件很有可能在将来会被修改。如果将空白内容和注册全部删除，CSS和 JavaScript代码就很难阅读。

问题是逐渐增加的空白导致文件不断增大。每个空白行、缩进和括号之间的空格至少占用一个额外字符，这对于CSS或JavaScript代码的正确解析来说实际上并不需要。首先，一两个空白没有什么大不了的，但是小数量乘以一个很大倍数时就变成很大的数量了。

考虑这样一个文件，其中额外空白总计5KB。如果网站每天的点击率是1000，每天节省5KB每个月就可以节约大约146 MB（(5K * 1000 * 30) / 1024作为粗略估计）。就这而言，该文件的点击量还是相对保守的估计，实际空白成本可能还会增加。

此外，下载文件的用户必须等待文件的下载。尽管许多用户在他们第一次访问网站后可能就有缓存的CSS或JavaScrip文件，性能仍然会对他们的第一次访问造成负面影响。如果可以减少CSS和JavaScript文件，即使每次1KB，都可以减少数千字节的浏览器必须加载的数据。

解决方案：压缩

要解决问题并从小资源获益，一个显而易见的解决方案是从CSS和JavaScript文件删除额外元素，比如注释和空白。但是，由于在开发过程中从文件删除注释和空白不可行，一个较好的解决方案是 “分级” 的网站资源、优化它们、然后将其发布。