CSS 和加载性能：对可以手动完成的事情使用 CSS 会导致性能缺陷吗？答案

【问题标题】：CSS and loading performance: Does using CSS for things that can be done manually cause performance drawbacks?CSS 和加载性能：对可以手动完成的事情使用 CSS 会导致性能缺陷吗？
【发布时间】：2013-11-05 02:39:46
【问题描述】：

我的问题标题的意思是，例如，假设我有一个非常繁忙的主页，我使用大量的 CSS 来做大写和小写之类的事情，并且当那些是可以用文本手动完成的事情。我在页面上做了很多次。与在这些文本块上不使用 CSS 的情况下简单地编写我希望它们显示的方式相比，这会降低页面加载性能吗？

编辑：在这里找到我想要的东西：Is CSS text-transform "expensive" 感谢@BenY。

【问题讨论】：

这可能会有所帮助：stackoverflow.com/questions/4850190/…
@BenY 这正是我正在寻找的答案。我会批准您的答案是正确的，但您将其作为评论发布。还是谢谢！
很高兴它有帮助 - 我不想将别人的答案作为我自己的答案发布:)

标签： html css performance

【解决方案1】：

一旦 CSS 被加载，它就会被缓存在用户的浏览器中。您可以缩小 CSS 以减小 CSS 的大小。

事实上，浏览器渲染 CSS 的速度非常快。您不必担心 CSS 性能。但是，JavaScript 相对较慢。你应该优化你的 JS。

【讨论】：

@BenY 帮我找到了上面的东西！这篇文章几乎完全回答了我正在寻找的内容：stackoverflow.com/questions/4850190/…

【解决方案2】：

当您说“主页非常繁忙”时，您是指流量方面吗？如果是这样，我认为您对 CSS 的工作原理有些困惑。除了提供 CSS 文件本身之外，所有的负担都在客户端（浏览器）上。

如果您担心通过 CSS 大写会影响性能，请不要担心。这不会有任何区别。做任何对你来说最容易的事情。

【讨论】：

我并不担心服务器。如果页面已经很大，只是随机想到过多的 CSS 会成为“临界点”* 但我已经发现这是一个被误解的想法。不过谢谢！ *请求数、图片数、javascript数等