Rails 4应用程序中的CSS文件过多导致性能问题？

Question

我正在Rails 4中构建一个应用程序，并且正在使用资产管道。 对于我的工作流程，我将CSS分成10多个单独的工作表。 我应该将它们组合在一起进行部署，还是只要它们缩小​​了就没关系吗？ 我想知道单独的样式表会影响多少性能。

Answer 1

查看有关捆绑的文章： http : //www.asp.net/mvc/overview/performance/bundling-and-minification 。 即使本文是关于在.NET中进行捆绑的，但与浏览器/性能相关的问题仍然适用。

简而言之，浏览器一次只能获取6个资源文件，因此，即使缩小样式表以减小文件大小，由于浏览器一次只能检索的文件数量有限，性能也会受到影响。

Answer 2

在这里看看：

http://guides.rubyonrails.org/asset_pipeline.html#precompiling-assets

默认行为是将生产中使用的CSS文件合并为一个资产，并在其末尾带有哈希值，以确保在您更改文件时它会更新。

例如，这是我公司的css文件：

http://quickleft.com/assets/application-ff836a79f9021feeab313402499df444.css

但是在我们的assets/stylesheets文件夹中，我们有20多个单独的文件以保持组织良好。

但是，组合和缩小CSS 非常重要，因为它可以大大减少通过网络发送到浏览器所需的字节数。