如果我将CSS文件拆分为每个页面的多个文件,这是好的吗?

时间:2017-01-28 07:13:19

标签: css

我建立一个网站,它有很多页面大约30页,我将这些页面与一个CSS文件(主要的css文件)链接,更不用说其他文件,如bootstrap.min .css和其他需要自己的css文件的插件。

我的观点是,在所有这些中我使用相同的css文件,但在某些页面中,我不需要main.css文件中的所有属性和样式,所以我&#39 ;我认为我将该css文件拆分为多个文件,并创建名为(global.css)的文件并输入我在所有页面中需要的属性,并为每个页面制作另一个css文件。

我的问题是: -

如果我将主要的css分成多个css文件并且只包含每个页面的必要内容,它会对网站速度有帮助吗?

2 个答案:

答案 0 :(得分:1)

NO,

如果你的代码很小,就像50kb甚至100kb那样,你最好不要这样做

如果你为每个页面浏览器提供单独的css,那么当用户访问该页面时,每个css文件必须下载一个额外的请求,这会降低你的页面速度并影响你的性能

相反,我建议当你的代码生效时压缩你的代码或缩小它,这样你就可以获得更小的代码版本

我还建议利用浏览器缓存(如果使用的是linux服务器,则使用.htaccess)

以上是前端性能改进的内容

答案 1 :(得分:1)

理想情况下,您希望将CSS文件抽象为许多不同的SCSS文件,然后将它们编译为一个缩小的主文件。标题样式的一个文件,一个用于链接,一个用于排版。我害怕SCSS,但现在喜欢它......生产中没有任何变化,你仍然在开发中运行CSS,你只是让你的生活更有条理。