解决方案的内页css文件更好的性能



当我设计一个页面时,我会创建一个CSS文件,所以我所有的selectors将存储在这个文件中,为第一页,内页和所有其他页面,我在我的网站。

但在这种模式下,当我试图检查我的网站在GTMetrics.comwebpagetest.org或其他网站,他们告诉我,我有很多选择器在我的css文件,我没有在页面中使用,所以他们要求我优化我的css文件!但我在其他页面使用了选择器

现在我的问题是,存储css选择器的最佳方式是什么?我应该有一个单独的css文件,每个页面和link加载在每个页面,或者我应该有单独的css文件,并加载与@import在css文件或存储在一个文件中的所有选择器(像现在)?

首先,这些网站只是帮助你优化网站的工具。他们不知道所有的事情,这就是为什么他们说你使用了很多未使用的选择器。

我不知道样式改变了多少,在哪些页面上。但是,如果你的样式有些相同,只有微小的差异,你应该把它们放在一个文件中。
例如,如果主页与其他页面完全不同,或者某些页面差异很大,则应该使用一个全局样式表和多个页面特定样式表。

阅读CSS专家Chris Coyier的文章"One, Two or Three"

一个CSS文件是最好的方法如果你为每一页制作单独的文件在每个页面上加载一个独特的文件所以时间增加,性能下降

一个CSS文件缓存自己,而不是每次加载所以你做得对忽略警告

最新更新