Question

我有以下示例代码：

<body>
<div id="a"></div>
<div id="b"></div>
</body>

如果我在每条原始行之间添加空行，如下所示：

<body>

<div id="a"></div>

<div id="b"></div>

</body>

这对我网站的表现有什么影响吗？页面加载会变慢吗？

Answer 1

是的，紧凑的代码会因为有效负载减少而加快页面加载... 但不是可衡量的数量，至少在大多数情况下，除非您的网页大量你不会看到差异。

Pages should be delivered via gzip，使间隔和不间距之间的大小差异可以忽略不计，只要做你能读的东西，你以后会感谢你自己。与所有内容一样，您必须对成本进行加权，在这种情况下，有效负载大小的非常微小差异，最容易为您维护。

Answer 2

理论上，是的。

对于服务器，如果必须向每个客户端发送1MB文件，则必须花费大量时间和资源发送该文件。现在，如果您能够将文件大小减半，那么服务器上每个用户所需的时间和资源就是.5n。

对于客户端，它必须下载文件。假设下载速率为25KB / S，则1MB文件下载需要41秒。 .5MB文件需要20.5秒。通过减小文件大小可以节省20秒。

然而，在实践中。不，我不担心，除非你正在处理音频/视频/图片数据。那是因为HTML文档中的字符只有几个字节。当然，你可能会说100个额外的字符，你可以修剪和删除 - 例如空格。每页最多可节省1KB。

我不会太在意它，除非你正在开发一个需要紧凑的应用程序或解决方案。但是任何现代或次现代计算机都不会在其HTML文件中打破1KB的额外数据。

Answer 3

在你的例子中，它节省了3个字节的代码...所以我认为它对现代的页面加载时间没有任何明显的影响，而且它是互联网速度。更好的改进是发送您的页面gziped。

Answer 4

页面加载和紧凑的代码？是的，它确实让事情变得更好，因为额外的换行符和空格只不过是需要在客户端下载的字符。

但是，我建议您将其视为优化大战略的一部分。

我建议你看一下YSlow/Yahoo Guidelines，它将帮助你理解添加到服务器和客户端组件的“策略”的不同部分。大型网站的集体结果令人惊叹。