Html 内部页面css文件的解决方案，以获得更好的性能

当我设计一个页面时，我会创建一个CSS文件，这样我所有的

选择器

都会存储在这个文件中，第一个页面、内部页面以及我网站中的所有其他页面

但在这种模式下，当我试图在

GTMetrics.com

或

webgetest.org

或其他网站中检查我的网站时，他们告诉我，我的css文件中有许多选择器，但我在页面中没有使用，所以他们要求我优化我的css文件！但我在另一个页面中使用该选择器

---

现在我的问题是，存储css选择器的最佳方式是什么？我应该为每个页面使用单独的css文件，并在每个页面中使用

链接加载，还是应该在css文件中使用
@import
加载单独的css文件，或者将所有选择器存储在一个文件中（如现在）？
首先，这些站点只是帮助您优化站点的工具。他们不知道一切，这就是为什么他们说你使用了很多未使用的选择器

我不知道有多少样式改变了，在什么页面上。但是，如果您的样式有些相同，但有一些细微的差异，则应将它们保存在一个文件中。

例如，如果主页与其他页面完全不同，或者某些页面存在很大差异，则应使用一个全局样式表和多个特定于页面的样式表

在CSS大师Chris Coyier的这篇伟大的文章中阅读更多关于这个主题的内容：
一个CSS文件是最好的方式
如果你为每一页制作单独的文件
在每个页面上加载一个唯一的文件
因此，时间增加，性能降低

一个css文件会自动缓存，不会每次都加载
那么你做对了
忽略警告
您如何包括CSS？使用
标签或使用
标签？@PraveenKumar
标签