多少CSS太多CSS？

Question

我目前正在开发一个专业的网站，我已经达到了大约4页的约750行CSS，批量进入主页。我用分开的几行花括号。我可以再次通过它来减少它。

但我只是想知道，你会认为是太多的CSS？

问候，

Answer 1

你的CSS文件有多大？当然，你必须担心浏览器在解释CSS时必须解决负载问题。效率很高，你是否过度使用它？

保持您的尺寸尽可能低是给定的，但有很多因素需要考虑。你可以随时缩小，gzip压缩，当你完成以节省一些时间。看看测试工具http://tools.pingdom.com/

有足够的，所以我不会打扰缫丝我个人认为这个文章，所以检查这些了

1. http://css-tricks.com/efficiently-rendering-css/

2. https://developer.mozilla.org/en-US/docs/CSS/Writing_Efficient_CSS?redirectlocale=en-US&redirectslug=Writing_Efficient_CSS

3. http://speckyboy.com/2011/03/08/website-speed-part-1-write-more-efficient-css/

Answer 2

我觉得没有一个限度的。只需编写你需要的代码，当你完成尝试optimize it。

Answer 3

这取决于你的网站应该做什么。如果它是一个小博客，并且你需要，比如3000行CSS，那可能太多了。如果它是一个有多个部分和复杂布局的在线商店，可能还不够。这取决于你的需求。

Answer 4

假设您的主页没有数十个具有不同角色/外观的嵌套组件，您可能对您的CSS有点不聪明。有两件事情有关此担心：

• 带宽：如果你的CSS文件的大小超过50KBs左右，你的一些客户提供低连接速度/带宽可能会遇到 一些显着的滞后。

• 渲染：这有可能是你的CSS文件复杂到足以迫使客户的layout/rendering engine做一些额外的工作，同时 渲染。

两个问题会降低你的网站的时间效率。该怎么办？

关于如何优化CSS文件的最简单的例子是收集您在一个类中用于许多元素的规则。有许多其他技巧，以帮助减少您的CSS文件的大小;其他答案已经将您链接到一些有用的提示文章，但如果您想给程序自动执行此过程，请参阅CSS Tidy（和an online tool based on CSS Tidy）。

我希望有帮助！

Answer 5

在这方面的一个疑难杂症（不直接相关的OP，但对于其他人谁可能来这里）......

IE9和下面只认可一个CSS文件中的第4096种选择。之后的一切都只是默默地被忽视。