将一个应用程序中的所有 css 合并到一个 css 文件中是个好主意吗?
Is it a good idea to combine all the css within an application into one css file?
我的基于 Symfony 的应用程序中的不同模块有不同的 css 文件。我的客户要求我将它们合并到一个 css 文件中。这真的是个好主意吗?它对我的申请有什么影响?
是的,这是个好主意,因为这样一来,访问者只需下载一个文件,效率更高。
不过,从开发人员的角度来看,不同的文件会更方便。
人们通常会开发多个单独的 CSS 文件,并且他们有一个脚本将这些文件组合成一个文件以进行部署。
您可以执行的另外两个步骤是
- 通过删除空格和注释来最小化 CSS 文件。这将使下载体积更小,效率更高。同样,您将通过脚本而不是手动执行此操作。您不会在最小化 CSS 文件中开发,您当然不想浪费时间手动删除注释。
- 使用 SCSS 或其他 'smart' CSS 语言,因此您的开发 CSS 文件可以更智能、更有条理。 SCSS(或SASS或LESS)文件被编译成一个最终的CSS文件。通常这种编译也会与缩小相结合。编译是必须的,因为浏览器只知道'plain'CSS,不知道SCSS.
提示:有些脚本(主要是 PHP 脚本)可以即时执行这些步骤。不要使用它们,因为它们会有开销。使缩小成为部署过程的一部分。在本地开发,在部署时编译和缩小,让实时环境使用静态、缩小的 CSS 文件。
我的基于 Symfony 的应用程序中的不同模块有不同的 css 文件。我的客户要求我将它们合并到一个 css 文件中。这真的是个好主意吗?它对我的申请有什么影响?
是的,这是个好主意,因为这样一来,访问者只需下载一个文件,效率更高。
不过,从开发人员的角度来看,不同的文件会更方便。
人们通常会开发多个单独的 CSS 文件,并且他们有一个脚本将这些文件组合成一个文件以进行部署。
您可以执行的另外两个步骤是
- 通过删除空格和注释来最小化 CSS 文件。这将使下载体积更小,效率更高。同样,您将通过脚本而不是手动执行此操作。您不会在最小化 CSS 文件中开发,您当然不想浪费时间手动删除注释。
- 使用 SCSS 或其他 'smart' CSS 语言,因此您的开发 CSS 文件可以更智能、更有条理。 SCSS(或SASS或LESS)文件被编译成一个最终的CSS文件。通常这种编译也会与缩小相结合。编译是必须的,因为浏览器只知道'plain'CSS,不知道SCSS.
提示:有些脚本(主要是 PHP 脚本)可以即时执行这些步骤。不要使用它们,因为它们会有开销。使缩小成为部署过程的一部分。在本地开发,在部署时编译和缩小,让实时环境使用静态、缩小的 CSS 文件。