理想的情况是只拥有一个CSS文件（如果你使用RWD以支持IE的老版本，那就需要两个CSS文件。）构建并维护几个单独的CSS文件也算合理，但在部署到产品服务器之前，你应该将它们集合在一起，并删掉那些不必要的空白区域。
Saas、LESS和Stylus等预处理器可帮你完成这些痛苦的工作。 Grunt.js、 Gulp等工具可自动化你的工作流。如果你更喜欢GUI，可借助Koala提供的免费跨平台应用。
如果你觉得这些比较麻烦，也可手动通过命令行工具将CSS文件集中在一起，如在Windows中，可使用如下代码：
在Mac/Linux中，可使用如下代码：
最终文件经过在线CSS压缩工具（如 cssminifier.com、 CSS Compressor &Minifieror等）压缩后即可运行。
最后，请记住在头部（Head）加载所有CSS，以便浏览器展示接下来的HTML元素，同时也可避免浏览器下次再重绘页面元素。
现在的CSS（压缩）工具还是比较多的，但是具体的每种都会有不同的特点。每个人使用习惯不一样，可能会出现不同的结果。其实CSS(压缩)工具使顺手了还是很好用的，就是有特殊的要自己设置下参数，不然会影响使用效果，而且一定要注意压缩方面的安全性。
首先，现在使用频率最多的是CSS（压缩）工具是clean-css，界面比较干净整洁，非常好用。但是在某一次的使用中，出现在乱码等问题，而且有多种版本，不统一。后来经过多次的尝试，压缩工具就换成了PostCSS 社区的 css-nano。
其次，有一个问题非常重要，经常使用压缩工具的朋友们要注意。那就是，在使用CSS（压缩）工具之前，不管是什么类型的压缩工具，都要仔细看下它所提供的文档。有些会有比较过激的功能，这些压缩方面的功能使用起来，一不小心就会使文档错乱。可以通过CSS（压缩）工具本身自带的配置功能，找到相关参数，把过激的功能禁用。但是如果没有参数设置，那这样的压缩工具还是尽量不要用了。
总之，找到合适的压缩工具，可以是你事半功倍，使用起来非常顺手。而且一定要对压缩工具的安全性做下检测，不能太粗心大意。如果有比较过激的压缩功能，可能会使你使用比较麻烦，可以先通过设置禁用。这样经过自己调整好的压缩工具，使用起来就非常顺手了。
个人建议从几个方面入手：1、在服务器上启用GZIP压缩，添加css等静态文件等。
2、把主页、内容页的CSS分开写，公共部分单独用一个CSS，这样就可以减少CSS的大小。
3、优化CSS语法，并可以使用工具压缩，但要注意用多个浏览器测试。
4、将一些JS调用尽量放到网页底部
