我查看了一些页面资源并发现它们之间存在一些差异 - 有些带有缩进有些没有。第一个屏幕截图是谷歌的页面源代码,第二个是 SO 的。
我想知道消除这些空间是否会提高页面加载速度,还是意味着从服务器到客户端的数据流更小。如果这样做是有意义的,在从服务器输出数据之前我该怎么做(我使用 PHP)。
无空格——谷歌的页面来源:
带空格-SO的页面源码:
我查看了一些页面资源并发现它们之间存在一些差异 - 有些带有缩进有些没有。第一个屏幕截图是谷歌的页面源代码,第二个是 SO 的。
我想知道消除这些空间是否会提高页面加载速度,还是意味着从服务器到客户端的数据流更小。如果这样做是有意义的,在从服务器输出数据之前我该怎么做(我使用 PHP)。
无空格——谷歌的页面来源:
带空格-SO的页面源码:
这称为“缩小”。大部分节省都在于不需要传输所有额外空白等的带宽 - 尽管如果使用 GZip 压缩(所有主要 Web 浏览器和 Web 服务器透明地支持),这也是最小的开销。在不需要解析额外的空格的浏览器中,也可能有非常小的性能节省。
有许多图书馆可以为您做到这一点。 http://code.google.com/p/minify/只是其中之一。
您正在查看这里的缩小,它使用诸如删除空格和变量重命名之类的技术来最小化传输的字节数。但是,瓶颈通常不是来自交付网站内容,您应该首先通过分析确定您是否真的需要优化您的页面。
这是一个用于缩小 HTML 的工具。
修剪多余的空白可能会略微减小页面的大小,但节省的空间可能很小。
很可能 Google 的页面源是机器生成的或编译成更节省大小的东西。值得注意的是,页面中保存的几个字节数据对我们大多数人来说可能微不足道,但是如果您每天为该页面提供数百万次服务,那么您[millions] * [bytes saved per page]
每天可以为自己节省字节数,如果您'是谷歌。
当使用有限的带宽时,尽可能减少一切总是一个好主意,减少发送的数据量HTTP
肯定会减少加载时间!
看看这个: http ://code.google.com/speed/page-speed/docs/payload.html#MinifyHTML