什么是更好的1个巨大的Css文件或几个较小的文件

时间:2014-07-28 08:17:40

标签: css javafx

我想知道一个大的css文件是否比许多小文件好。

我不确定这是否有所作为。

在一个项目中,我们有一个css文件132 KB / 4892行。

如果我将这个文件拆分成几个较小的css文件,会不会是性能提升?

- 编辑 - 它是javafx应用程序(不是网页)的Css

2 个答案:

答案 0 :(得分:2)

根据您的html,如果您在更多页面中使用所有css,则将所有这些(CSS)放入一个文件中,但如果没有,则可以拆分为更少的文件。

现在是你的决定

答案 1 :(得分:1)

  

一个大型CSS文件可以减少HTTP请求,这可以提高性能

     

几个较小的文件导致更容易组织,这将使开发和维护更便宜,更容易。   这是一个很难回答的问题。在我看来,这两种选择都有其优点和缺点。

我个人不喜欢通过单个HUGE CSS文件阅读,并且维护它非常困难。另一方面,将其拆分会导致额外的http请求,这可能会使事情变慢。

我的观点是两件事之一。

1)如果你知道你的CSS一旦构建就永远不会改变,我会在开发阶段构建多个CSS文件(为了便于阅读),然后在上线之前手动组合它们(以减少http请求) )

2)如果你知道你偶尔会改变你的CSS,并且需要让它保持可读性,我会建立单独的文件并使用代码(假设你使用某种编程语言)来在运行时构建时将它们组合起来(运行时缩小/组合是资源猪)。

使用任一选项,我都强烈建议在客户端进行缓存,以进一步减少http请求。

我已经决定在我的设计时使用单独的文件,以及缩小和组合的构建过程。这样,我可以在开发时使用单独的(可管理的)css,并在运行时使用正确的单片缩小文件。而且我仍然拥有静态文件和较少的系统开销,因为我没有在运行时进行压缩/缩小。