“页面源”看起来是什么影响性能

Question

  

可能重复：
  How to minify php page html output?
  Any reason not to strip whitespace in HTML

我查看了一些页面来源并发现它们之间存在一些差异 - 有些则有缩进，有些则没有。第一个屏幕截图是谷歌的页面源，第二个屏幕截图是。

我想知道是否消除这些空间可以提高页面加载速度，或者意味着从服务器到客户端的数据流量更小。如果这样做有意义，我如何在从服务器输出数据之前这样做（我使用PHP）。

没有空格 - Google的页面来源：

使用space-SO的页面源：

Answer 1

这称为“缩小”。大多数节省的带宽都不需要传输所有额外的空白等 - 尽管如果使用GZip压缩（即所有主要的Web浏览器和Web服务器都透明地支持），即使这是最小的开销。浏览器中可能还会有非常轻微的性能节省，无需解析额外的空格。

有很多图书馆可以为您做到这一点。 http://code.google.com/p/minify/只是其中之一。

Answer 2

您正在考虑缩小此处使用诸如删除空格和变量重命名等技术以最小化传输的字节数。但是，瓶颈通常不是来自提供网站内容，您首先应该通过分析确定是否确实需要优化页面。

This是一种缩小HTML的工具。

Answer 3

修剪多余的空白可能会略微减少页面的大小，但节省的费用可能很小。

可能谷歌的页面源是机器生成或编译成更大小的东西。值得注意的是，页面中保存的数据的几个字节对我们大多数人来说可能是微不足道的，但如果您每天为该页面提供数百万次服务，那么您每天可以节省[millions] * [bytes saved per page]个字节，这可能会结束如果你是谷歌，这一点很重要。

Answer 4

在使用有限的带宽时，尽可能减少一切可能性，减少通过HTTP发送的数据量绝对会减少加载时间！

检查一下： http://code.google.com/speed/page-speed/docs/payload.html#MinifyHTML