Page 167 - Web性能权威指南

际上，优化运行时的渲染和脚本执行是至关重要的，可以参考 10.1 节中的“DOM、
CSSOM 和 JavaScript”。

可是，就算优化了 JavaScript 执行和渲染管道，如果浏览器因网络阻塞而等待资源
到来，那结果也好不到哪里去。对运行在浏览器中的应用来说，迅速而有效地获取
网络资源是第一要义。

有人可能会问，互联网今天的速度不是快多了吗，难道网络还会阻塞？是的，我们
的应用也比以前大多了。然而，假如真像每个 ISP 和移动运营商鼓吹的那样，全球
平均网速已经达到 3.1 Mbit/s（参见 1.6 节“网络边缘的带宽”），而且还在继续提
速，Web 应用大一点又算得了什么呢？可惜的是，凭直觉以及前面展示的 Yahoo!
的例子，我们知道如果真是这样，那你就不用再看这本书了。好，下面我们仔细谈
一谈。

要想详细了解带宽和延迟的发展趋势及其相互影响，请参考第 1 章“延迟
与带宽”。

10.3.1 更多带宽其实不（太）重要

先别急，带宽当然重要！毕竟，所有 ISP 和移动运营商的广告，都意在提醒我们高
带宽的好处：上传和下载加速、更流畅地欣赏视频，都有赖于 [ 请读者在此插入最
新数字 ] Mbit/s 的速度！

能接入更高带宽固然好，特别是传输大块数据时更是如此，比如在线听音乐、看视
频，或者下载大文件。可是，日常上网浏览需要的是从数十台主机获取较小的资源，
这时候往返时间就成了瓶颈：

• 在 Yahoo! 主页上看视频受限于带宽；
• 加载和渲染 Yahoo! 主页受限于延迟。
根据在线视频品质及编码不同，需要的带宽从几百 Kbit/s 到几 Mbit/s 不等。比如，
要流畅观看 1080P 的高清视频，需要 3 Mbit/s 以上的带宽。这个带宽是很多用户触
手可及的，Netflix 等在线视频网站的流行也印证了这一点。那么，为什么下载比视
频小得多得多 Web 应用，在能流畅观看高清视频的连接上却成了难题呢？

10.3.2 延迟是性能瓶颈

关于为什么延迟会成为浏览网页的限制因素，前几章已经介绍了足够多的理论知识，
只是那些都只能给我们一个定性的认识。下面，我们就来通过两张图（图 10-6），定

152 ｜ 第 10 章