太多的CSS会影响网站的性能吗？

我已经研究过这个话题，我找不到我需要的确切答案。太多的CSS会影响网站的性能吗？

例如，我有这么多的div需要一个边框。我可以写一个单独的css类像

.border{ 

    border: solid; 
    border-color: #C6C6C6; 
    border-radius: 5px; 

}

，并需要一个边界每个div标签使用它。或者我可以包括

 border: solid; 
     border-color: #C6C6C6; 
     border-radius: 5px;

属性为每个css类我写我的div。

通过为边框编写一个单独的类并使用它减少了我的css文件中的大量行。但我的问题是，它会影响Web应用程序的性能，如果我为每个为我的div编写的css类包含边框属性。

在此先感谢。

来源

2017-05-29 CraZyDroiD

它至少会影响流量，您的CSS和HTML应尽可能缩小。 –

我宁愿合并这些东西：每个需要边框的div上的'.border'类，以及用于定制事物的额外类。 – artur99

我认为这取决于你需要多少种不同类型的边框，就像你在你的问题中解释过的那样，如果你想为多个div创建类似的边框来创建公共边框类，即使性能也是有意义的。 –

要公平，这是一个相当加载的问题...

我不知道你是否知道，但CSS表示层叠样式表，它的建立是为了“级联”从表到html标记。所以简短的答案是否定的，今天的互联网连接可能不会。但是这里有一些事情要考虑...

1）涅槃的CSS - 的最佳方式，以节省使用CSS的表现是“缩小”了。有许多在线生成器可以像这样做https://cssminifier.com/。这将删除文档中不必要占用kb的任何字符，例如空格和换行符。

2）用户体验 - 像美国或英国的国家现在，用户在大多数情况下有机会获得高速宽带，但你必须考虑到一些非常非常老的连接，你会发现必须从每个标签重新绘制该规则可能需要时间。

3）可读性和调试 - 如果您需要回来TOT帽子后面的代码，并决定要更改边框颜色，你这样做有这样做，对每一个标签申请这种变化与一种样式表上的简单变化相反。此外，如果您尝试使用和浏览器内开发工具进行调试，您会发现这种方法也更加复杂，只需在一条规则上查找一个值，而不是将其应用于多个选项卡。

4）连带效应 - 最后，这种完全无视于他们的风格从规则涓滴首位的CSS模型的点，到样式声明（HTML中的标题），标记，这制作这两份文件，不仅易于阅读，而且易于编辑。

所以总之，是有性能上的好处，但并不明显，除非在较旧的连接上，但在其他发展领域的好处远远超过仅仅加载速度。

来源

2017-05-29 14:29:07

答案是肯定的！最佳实践是拥有泛型类。

关于CSS方法论的一些文档：http://codetheory.in/an-overview-of-oocss-bem-smacss/。

OOCSS，BEM和SMACSS是很好的方法来组织你的CSS。

来源

2017-05-29 14:18:21

通过编写太多的CSS代码可能会使您的CSS文件大小很大。如果你可以通过创建一个类来避免重复的代码行，那就去做吧。避免重复代码的最佳做法是，如果需要更改一行代码的任何更改，它将反映每个位置。所以，如果有可能避免重复的代码。并且尽量减少CSS的制作网站，这样CSS文件会变小，因为页面加载时间可以得到改善。

来源

2017-05-29 14:21:25 manas

太多的CSS会影响网站的性能吗？

回答

相关问题