0

我应该如何优化 CSS 代码？有各种 CSS3 行，例如 -moz- 和 -webkit-、border-top-left-radius 等。我相信更大的 CSS 文件会显着增加页面加载时间。

还有一个问题：我写了很多代码，但是其中一些没有被使用。我有超过 2000 行 CSS 代码，我敢打赌大约可以删除 200-300 行，甚至更多。是否值得修改所有代码？这将需要相当长的时间...

4

3 回答 3

4

在将文件上传到服务器之前对文件进行 GZip

它将显着减小文件大小

编辑：GZipping 的效果 -

通过在 Bargaineering 上对 .css 文件进行 gzip 压缩，其大小从 28.2K 降至 7.3K，节省了 74.1%。

于 2012-07-21T17:31:12.980 回答
2

  • 总是删除最后一个分号：

    body { background: black; color: white; }
    至
    body { background: black; color: white }

  • 结合多个属性：

    .class { margin-top: 10px; margin-right : 20px; margin-bottom: 30px; margin-left: 40px; }
    至
    .class { margin: 10px 20px 30px 40px; }

  • 使用简单的颜色（而不是`#FFFFFF, #AABBCC, #FF0000put #FFF, #ABC, #F00）

  • 最重要的是：在上传到服务器之前缩小你的代码。它将删除空格和注释，并显着减少您的代码和文件大小。
于 2012-07-21T17:33:41.780 回答
0

文件越小，下载速度越快，用户渲染样式的速度就越快。有各种缩小脚本，我会查看 YUI 压缩器：http ://refresh-sf.com/yui/

于 2012-07-21T17:32:38.783 回答