CSS有多少CSS?

时间:2012-08-29 08:42:18

标签: css

我目前正在开发一个专业网站,我已经达到大约750行CSS大约4页,大量进入主页。我在单独的行中有花括号。我可能会再次通过它来减少它。

但我只是想知道,你认为什么是太多的CSS?

此致

5 个答案:

答案 0 :(得分:4)

我认为根本没有限制。只需编写您需要的代码,并在完成后尝试optimize it

答案 1 :(得分:3)

您的CSS文件有多大?当然,在解释CSS时,你必须担心浏览器必须在加载方面工作。它是否有效,你是否过度工作?

保持尽可能低的尺寸,但要考虑的因素有很多。你可以随时缩小,压缩压缩,以节省一些时间。看一下测试工具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/

答案 2 :(得分:3)

对此有所了解(与OP没有直接关系,但对于可能来到这里的其他人来说)......

IE9及以下版本仅识别CSS文件中的前4096个选择器。之后的一切都只是默默地被忽视了。

答案 3 :(得分:2)

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

答案 4 :(得分:2)

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

  • 带宽:如果您的CSS文件大小超过50KB左右,那么一些连接速度/带宽较低的客户端可能会遇到 一些值得注意的滞后。

  • 渲染:您的CSS文件可能非常复杂,迫使客户layout/rendering engine做出额外的努力 渲染。

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

关于如何优化CSS文件的最简单示例是收集用于一个类中的许多元素的规则。还有许多其他提示可帮助减少CSS文件的大小;其他答案已经将您链接到一些有用提示的文章,但如果您想尝试自动化该过程的程序,请查看CSS Tidy(和an online tool based on CSS Tidy)。

我希望有所帮助!