• 输入地址

　　当我们开始在浏览器中输入网址的时候，浏览器其实已经开始在智能的匹配可能得到的URL了，他会从历史记录、书签等地方，找到已经输入的字符串可能对应的URL，然后给出智能的提示，对于Google chrome这种聪明的浏览器，他甚至会直接从缓存中把网页展示出来，也就是说在你还没有戳下enter键的时候，页面就已经加载完成了。

  • 查询缓存

　　输入地址后，为了找到这个url域名的服务器ip，浏览器首先会寻找缓存，查看缓存中是否有记录。缓存的查找记录为：浏览器缓存 —> 系统缓存 —> 路由器缓存，缓存中没有则查找系统的hosts文件中是否有记录。

  • DNS解析

　　如果没有缓存记录，则查询DNS服务器，得到服务器的ip地址。

  • Tcp连接、发送HTTP请求

　　浏览器之后会根据这个ip以及相应的端口号，构造一个http请求。这个请求报文会包括这次请求的信息（请求方法，请求说明和请求附带的数据），并将这个http请求封装在一个tcp包中，这个tcp包会依次经过传输层，网络层，数据链路层，物理层到达服务器。

  • 服务器处理请求、并返回HTTP报文

　　服务器解析这个请求来作出响应，返回相应的html给浏览器。

  • 浏览器解析渲染页面

　　浏览器根据这个html来构建DOM树，在DOM树的构建过程中如果遇到JS脚本和外部JS连接，则会停止构建DOM树来执行和下载相应的代码，造成阻塞，因此推荐JS代码应该放在html代码的后面。之后根据内外样式、内联样式构建一个CSS对象模型树，和DOM树合并为渲染树。