css和js文件:保留最小的字节还是使用大量的空格、制表符和换行符？

Question

哪种方式更好：

1)

div#main {
    width: 100%;
    text-align: left;
}

2)

div#main{ //no whitespace before { sign
    width: 100%;
    text-align: left;
}

3)

div#main
{
    width: 100%;
    text-align: left;
}

4)

div#main {width: 100%; text-align: left;}

5)

div#main {
width: 100%; //no tab or whitespaces before width: 100%;
text-align: left; //no tab or whitespaces before text-align: left;
}

同样的问题也适用于.js文件。我问的原因是空格(1字节)、制表符(1字节)和换行符(2字节)越少，上传到用户计算机所需的时间就越短。因此，网站加载速度更快。当然，200字节并不重要，但谁会关心javascript文件中的内容呢？我的意思是用户更喜欢速度，而不是他看不到的javascript文件的正确设计……

作为一名专业人士，你会向新手推荐css和js文件的哪些方面？php文件更清晰，以任何程序员都能读懂的方式编写php文件，并在需要时进行修改-带注释等。

Answer 1

您应该使用CSS Compressor和JS Compressor并组合您的文件。

在编写时，做任何对你来说最简单的事情，但要保持与Coding Standards的一致性。

Answer 2

我建议编写最具可读性的代码，然后使用某种压缩器。我对CSS使用YUI Compressor，对JavaScript使用Google Closure Compiler。如果你真的想缩小你的页面，你也可以pngcrush你所有的PNGs并缩小你的HTML/XML。(我还没有使用任何工具来缩小HTML/XML，但是tidy可以做到。)

Answer 3

使用对你来说最容易更新的东西，也就是你发现最简单的东西去破译。

如果你和其他人一起工作，要考虑到他们阅读和理解起来有多容易。

如有必要，您始终可以使用如下形式缩小文件：http://code.google.com/p/minify/