如何优化css交付？

我在谷歌页面速度上测试了我的网站，我发现我需要优化我的css文件。 但在谷歌文档中，只有小css文件才有回复

这是当我测试我的网站时，骇人听闻的信息：

优化以下内容的CSS交付：

http://www.example.com/css/style.css
http://www.example.com/css/reset.css
http://www.example.com/css/social.css
http://www.example.com/css/comments.css
http://www.example.com/css/widgets.css
http://www.example.com/css/jquery.tweet.css
http://www.example.com/css/superfish.css
http://www.example.com/js/prettyPhoto/css/prettyPhoto.css
http://www.example.com/…ytip-1.1/src/tip-twitter/tip-twitter.css
http://www.example.com/…rc/tip-yellowsimple/tip-yellowsimple.css
http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300
http://www.example.com/css/flexslider.css
http://www.example.com/css/lessframework.css
http://www.example.com/css/skin.css

有人能帮我吗

CSS（和Javascript）可以通过几种方式进行优化：

• 缩小-通过删除空白、换行符和其他非功能部分压缩CSS
• 捆绑-这将多个相关CSS文件合并为一个，从而减少向服务器发出的请求数量

---

更广泛地说，您应该确保您的Web服务器配置为支持Web服务器上的压缩，以及至少支持静态文件的基本缓存策略。这些将有助于提高浏览器的效率。

将它们最小化，如果可以，将它们组合起来，从CDN提供服务，设置未来的到期日期您认为最好的方法是什么？所有这些方法都可以一次实现一个。服务器配置将为您带来最大的好处，压缩将有助于使用CSS、JS、JSON、XML、HTML和其他基于文本的资源。为静态内容发送缓存头将为用户提供很好的速度提升。下一步可能是缩小CSS和Javascript——如果使用构建系统，可以将其作为构建步骤添加。最后一个可能是捆绑，但这仅仅是因为很难做到正确——棘手的部分是找出哪些资源通常一起使用，并将它们组合起来。