总体来说可以分为以下几个过程：
1.DNS解析；
2.TCP连接；
3.发送HTTP请求；
4.服务器处理请求并返回HTTP报文；
5.浏览器解析渲染页面；
6.连接结束；
具体过程分析：
DNS解析
DNS解析的过程就是寻找哪台机器上有你需要资源的过程，实现了由网址都ip地址的转换。互联网上每一台计算机都有唯一的标识：ip地址，但是ip地址记忆并不方便，用户更喜欢去根据网址来寻找，所以DNS可以来进行转换。
TCP连接
http协议是使用TCP作为传输层协议的，当TCP出现瓶颈时，HTTP也会受到影响；使用三次握手建立连接。
TCP三次握手过程如下所示：
1.客户端发送SYN（seq=x）报文给服务器端，进入SYN_SEND状态；
2.服务器端接受到SYN报文，回应一个SYN（seq=y）ACK（ACK=X+1）报文，进入SYN-RECV状态。
3.客户端收到服务器端的SYN报文，回应一个ACK（ACK=Y+1)报文；
三次握手完成，TCP客户端和服务器端成功建立连接。
HTTP请求
主要发生在客户端，发送HTTP请求的过程就是构建HTTP请求报文并通过TCP协议中发送到服务器指定端口，HTTP请求报文由三部分组成：请求行、请求报头和请求正文。
服务器处理请求并返回HTTP报文
后端从在固定的端口接受到TCP报文开始，这一部分对应于编程语言中的socket。它会对TCP连接进行处理，对HTTP协议进行解析，并按照报文格式进一步封装成HTTP Request对象，供上层使用，http响应报文也有三个部分组成：状态码、响应报头、响应报文。
状态码：
状态码由三位数字组成，第一个数字定义了响应的类别，具有五种可能取值：
1xx：指示信息--表示请求已接受，继续处理；
2xx：成功--表示请求已被成功接收、理解接受；
3xx：重定向--要完成请求必须要进行进一步操作；
4xx：客户端错误--请求有语法错误或请求无法实现；
5xx：服务器端错误--服务器端未能实现合法的请求。
浏览器解析渲染页面
浏览器在收到HTMLCSSJS文件后，首先浏览器解析HTML文件构建DOM树，然后解析CSS文件构建渲染树，等到渲染树构建完成后，浏览器开始布局渲染树并将其绘制在屏幕上。这个过程设计到reflow（回流）和repain（重绘）;
回流：DOM节点中的各个元素都是以盒模型的形式存在，这些都需要浏览器计算其位置和大小等，这个过程称为回流；
重绘：当盒模型的位置、大小以及其它属性，如颜色、字体、等确定下来后，浏览器便开始绘制内容，这个过程称为重绘；
页面在首次加载时必然会经历回流和重绘。
js解析是由浏览器中js解析引擎完成的，js是单线程运行，也就是说一个时间只能做一件事，所有的任务需要排队；js的执行机制可以看成是一个主线程加上一个任务队列。同步任务就是放在主线程上的任务，异步任务就是放在队列中的任务。