如何优化css交付？

Question

我在Google网页上测试了我的网页速度，我发现我需要优化我的css文件。 但是在Google文档中只回复了小型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

任何人都可以帮助我吗？

Answer 1

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

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

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