多少CSS就是多少CSS

  • 本文关键字:多少 CSS css
  • 更新时间 :
  • 英文 :


我目前正在开发一个专业网站,我已经达到了大约4页的750行CSS,大部分都进入了主页。我有分开几行的大括号。我可能可以通过再次检查来减少一点。

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

问候,

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

这方面的问题(与OP没有直接关系,但对于可能来这里的其他人来说)。。。

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

您的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-美国&redirectslug=写入_有效_CSS

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

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

  • 带宽:如果CSS文件的大小超过50KB左右,则某些连接速度/带宽较低的客户端可能会遇到一些显著的滞后。

  • 渲染:您的CSS文件可能足够复杂,迫使客户端的布局/渲染引擎在翻译

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

关于如何优化CSS文件,最简单的例子是收集用于一个类中多个元素的规则。有许多其他提示可以帮助减少CSS文件的大小;其他的答案已经把你链接到了一些有用的文章,但如果你想尝试一下自动化过程的程序,可以看看CSS Tidy(以及一个基于CSS Tidy的在线工具)。

我希望这有帮助!

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

最新更新