将一个应用程序中的所有 css 合并到一个 css 文件中是个好主意吗?

Is it a good idea to combine all the css within an application into one css file?

我的基于 Symfony 的应用程序中的不同模块有不同的 css 文件。我的客户要求我将它们合并到一个 css 文件中。这真的是个好主意吗?它对我的申请有什么影响?

是的,这是个好主意,因为这样一来,访问者只需下载一个文件,效率更高。

不过,从开发人员的角度来看,不同的文件会更方便。

人们通常会开发多个单独的 CSS 文件,并且他们有一个脚本将这些文件组合成一个文件以进行部署。

您可以执行的另外两个步骤是

  1. 通过删除空格和注释来最小化 CSS 文件。这将使下载体积更小,效率更高。同样,您将通过脚本而不是手动执行此操作。您不会在最小化 CSS 文件中开发,您当然不想浪费时间手动删除注释。
  2. 使用 SCSS 或其他 'smart' CSS 语言,因此您的开发 CSS 文件可以更智能、更有条理。 SCSS(或SASS或LESS)文件被编译成一个最终的CSS文件。通常这种编译也会与缩小相结合。编译是必须的,因为浏览器只知道'plain'CSS,不知道SCSS.

提示:有些脚本(主要是 PHP 脚本)可以即时执行这些步骤。不要使用它们,因为它们会有开销。使缩小成为部署过程的一部分。在本地开发,在部署时编译和缩小,让实时环境使用静态、缩小的 CSS 文件。