如何将CSS代码修剪为一行

Question

我的客户对他的网站加载速度很挑剔。我认为一种方法是将css代码修剪为一行。例如：

tr th{
    border-bottom: 1px solid;
    text-align: left;
}
tr th, tr td{
    padding: 9px 20px;
    border-right: 1px solid;
}

到

tr th{border-bottom: 1px solid;text-align: left;}tr th, tr td{padding: 9px 20px;border-right: 1px solid;}

你们如何正常修剪它？我使用Dreamweaver编写css代码。

另外，我发现Youtube的css链接就像“http://s.ytimg.com/yts/cssbin/www-home-c4-2x-vflt3qrMn.css”，有什么好处？欢呼声。

Answer 1

您可以尝试使用CSS Minifier - 在线。 链接：CSS Minifier

Answer 2

这不是一个可以通过程序解决的问题。至少，不容易。

例如，我可以将CSS缩减为：

tr>*{padding:9px 20px;border-right:1px solid}tr>th{border-bottom:1px solid;text-align:left}

请注意我将tr th, tr td更改为tr>*的方式，因为th和td是tr的唯一有效子项。没有CSS minifier可以进行这种优化。

另请注意，您不能盲目地删除空格，例如1px solid需要空格。