输入facebook的URL按下回车后究竟发生了什么(1)(4)

在浏览器渲染HTML时，它会发现还需要访问其它URL，浏览器继续为这些资源发出GET请求，下面是我访问facebook.com时进一步访问的一些URL：

◆图像
http://static.ak.fbcdn.net/rsrc.php/z12E0/hash/8q2anwu7.gif
http://static.ak.fbcdn.net/rsrc.php/zBS5C/hash/7hwy7at6.gif
…
◆CSS样式表
http://static.ak.fbcdn.net/rsrc.php/z448Z/hash/2plh8s4n.css
http://static.ak.fbcdn.net/rsrc.php/zANE1/hash/cvtutcee.css
…
◆JavaScript文件
http://static.ak.fbcdn.net/rsrc.php/zEMOA/hash/c8yzb6ub.js
http://static.ak.fbcdn.net/rsrc.php/z6R9L/hash/cq2lgbs8.js
…

每个URL都会经历访问HTML页面类似的过程，因此，浏览器会在DNS中查找域名，发送请求，跟随重定向等。

但静态文件 - 和动态页面不一样 - 允许浏览器缓存，有些文件在下一次访问时可直接从浏览器缓存中提取，不用联系服务器，浏览器知道某个特定文件的缓存有效期，因为第一次从服务器返回到浏览器时就包含了Expires头信息，此外，每个响应可能也包含一个类似版本号的ETag头，如果浏览器看到一个ETag，它会立即停止传输文件。

你能猜到URL中的fbcdn.net代表什么吗？没错，它表示Facebook内容交付网络，Facebook使用内容交付网络CDN）分发静态内容 - 图像，样式表和JavaScript文件，因此，文件将被复制到全球许多服务器上。

静态内容通常会占用网站的大量带宽，但也很容易被复制到CDN网络中的加速节点，一般情况下，网站会使用第三方CDN提供商，而不是自己运营CDN，例如，Facebook的静态文件由世界最大的CDN提供商Akamai托管。

我们还是举一个例子，当你ping static.ak.fbcdn.net时，你会从akamai.net服务器得到一个应答，同样，如果你分多次ping URL，可能会从不同的服务器得到应答，这说明背后的负载均衡正在发生作用。

10、浏览器进一步发送异步Ajax）请求

图 11

根据Web 2.0的精神，即使页面渲染完毕后，客户端也要继续和服务器通信。

例如，Facebook chat会持续更新你的朋友列表他们登录和退出都会很快反馈给你），在你浏览器中执行的JavaScript向服务器发送一个异步请求，异步请求是通过编程实现的指向特定URL的GET或POST请求，还是以Facebook为例，客户端向http://www.facebook.com/ajax/chat/buddy_list.php发送一个POST请求，获取你的在线朋友列表。

这种模式有时指的是Ajax，Ajax表示异步JavaScript和XML，但服务器不一定非要以XML格式进行响应，例如，Facebook返回JavaScript代码片段响应异步请求。

Fiddler工具允许你查看浏览器发送的异步请求，实际上，你不但可以观察请求，而且还可以修改这些请求并进行重发，因此可以轻松欺骗Ajax请求，许多在线游戏的开发人员也因此而郁闷不已。

Facebook chat提供了一个有趣的Ajax问题示例：将数据从服务器推向客户端。因为HTTP是一个请求-响应协议，聊天服务器不能将新消息推送给客户端，相反，客户端必须每隔几秒从服务器去取数据，以了解是否有新消息到达。

长轮询在这种情景中对降低服务器负载很有用，轮询时如果服务器没有任何新消息，它就不发回应答，同时，如果该客户端有新消息到达，服务器会发现未完成的请求，并返回消息作为响应。

原文出处：http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url/

原文名：What really happens when you navigate to a URL

作者：Igor Ostrovsky

51CTO.com独家译稿，非经授权谢绝转载！合作媒体转载请注明原文出处及出处！】