我正在构建一个带有多个样式表的 ASP.NET 网站。
每个样式表都集中在不同的页面上。将所有样式合并为 1 在性能方面更好还是捆绑解决这个问题?
就个人而言,我发现几个样式表更方便,因为它可以让您更好地了解可用的规则。
我正在构建一个带有多个样式表的 ASP.NET 网站。
每个样式表都集中在不同的页面上。将所有样式合并为 1 在性能方面更好还是捆绑解决这个问题?
就个人而言,我发现几个样式表更方便,因为它可以让您更好地了解可用的规则。
您提到了捆绑,所以我假设您正在谈论 ASP.NET 优化中存在的捆绑功能。
如果是这样,那么这就是捆绑的全部意义:您在开发中使用多个单独的文件/模块,并在生产中将它们合并/最小化为单个文件。
只需确保您的捆绑包已正确定义/分类,并且您不必考虑使用“太多”多个文件,因为它们在真正重要的时候会组合成单个文件。
相反,我建议您将样式表合并到一个文件中并相应地注释掉这些块,因为您的方法似乎不友好,而且这将对性能造成巨大影响,因为每次用户导航新页面时都会请求样式表,因此http请求增加。
此外,一些核心样式将在每个页面上重复,例如重置、字体大小和系列等,因此您必须在每个页面上拥有 2 个,1 个将处理基本样式,而其他每个页面应用的样式,而不是将它们合并到一。
特别是我遵循这个约定..
/* Core Styles */
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
min-height: 100%;
/* Other stuffs */
}
/* Core Styles Ends */
/* Header Styles */
/* Header styles here */
/* Header Styles ends */
/* Home page styles starts */
/* Home page styles ends */
这样你也可以跨页面使用样式,你不需要在每个页面上重复一些,例如font color
, font size
,h1-h6
样式等