10

我目前正在开发一个专业网站，我已经达到了大约 750 行 CSS 大约 4 页，大部分进入主页。我在不同的行中有花括号。我可能会通过再次检查来减少它。

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

问候，

4

5 回答 5

6

我认为根本没有限制。只需编写您需要的代码，并在完成后尝试对其进行优化。

于 2012-08-29T08:45:33.813 回答
5

对此有一个问题（与OP没有直接关系，但对于可能来这里的其他人）......

IE9 及更低版本仅识别 CSS 文件中的前 4096 个选择器。之后的一切都只是默默地忽略。

于 2014-01-29T14:24:58.860 回答
3

你的 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/

于 2012-08-29T08:47:57.400 回答
3

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

  • 带宽：如果您的 CSS 文件大小超过 50KB 左右，您的一些连接速度/带宽较低的客户端可能会遇到一些明显的延迟。

  • 渲染：您的 CSS 文件可能足够复杂，以迫使客户端的布局/渲染引擎在渲染时做出一些额外的努力。

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

关于如何优化 CSS 文件的最简单示例是收集用于一个类中的多个元素的规则。还有许多其他技巧可以帮助减小 CSS 文件的大小；其他答案已经将您链接到一些带有有用提示的文章，但是如果您想尝试自动化该过程的程序，请查看CSS Tidy（以及基于 CSS Tidy 的在线工具）。

我希望这有帮助！

于 2012-08-29T08:52:01.977 回答
2

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

于 2012-08-29T08:51:38.273 回答