1、浏览器的地址栏输入URL并按下回车。
协议名、域名、端口号 80/443
状态码
1xx：指示信息–表示请求已接收，继续处理。
2xx：成功–表示请求已被成功接收、理解、接受。
3xx：重定向。
301永久 302临时
4xx：客户端错误。
400参数错误 404资源错误 405方法错误
5xx：服务器端错误。
跨域
2、浏览器查找当前URL是否存在缓存，并比较缓存是否过期。
强缓存 (cache-control 服务器时间，Expires 相对过期时间)
协商缓存 (last-modified，Etag)
last-modified是第一次请求资源时，服务器返回的字段，表示最后一次更新的时间。下一次浏览器请求资源时就发送if-modified-since字段。服务器用本地Last-modified时间与if-modified-since时间比较，如果不一致则认为缓存已过期并返回新资源给浏览器；如果时间一致则发送304状态码，让浏览器继续使用缓存。
Etag：资源的实体标识（哈希字符串），当资源内容更新时，Etag会改变。服务器会判断Etag是否发生变化，如果变化则返回新资源，否则返回304。
3、DNS解析URL对应的IP。
本地hosts文件网址映射关系
本地DNS解析器缓存
本地DNS服务器
递归查询，按上一级DNS服务器->上上级->....逐级向上查询找到IP地址
4、根据IP建立TCP连接（三次握手）。
浏览器发SYN包到服务器，进入SYN_SENT状态
服务器接收SYN包，并发送服务器的SYN包 (即SYN+ACK包) ，服务器进入SYN_RECV状态
浏览器接收SYN+ACK包，向服务器发送确认包ACK，浏览器和服务器进入ESTABLISHED（TCP连接成功）状态，完成三次握手
5、HTTP发起请求。
请求行、请求头、请求体
6、服务器处理请求，浏览器接收HTTP响应。
响应行、响应头、响应体
7、渲染页面，构建DOM树。
解析和渲染(DOM树和CSSOM树)
1.解析html文件，创建DOM树
自上而下解析，遇到任何样式（link、style）和脚本（script）都会阻塞
1）css加载不会阻塞html文件的解析，但会阻塞dom的渲染
2）css加载会阻塞后面js语句的执行
3）js会阻塞html的解析和渲染
4）没有defer和async标签的script会立即加载并执行
5）有async标签的js，js的加载执行和html的解析和渲染并行
6）有defer标签的js，js的加载和html的解析和渲染并行，但会在html解析完成后执行,在触发DOMContentLoaded事件前执行
7）DOMContentLoaded和onload的区别：DOMContentLoaded在html解析完毕后执行，loload在页面完全加载完成后执行（包括样式和图片）
2.解析css，生成CSSOM，css对象模型
3.dom和css合并，构建渲染树（Render Tree）
4.布局（Layout）和绘制（Paint），重绘（repaint）和重排（reflow/回流）
1）重绘：根据元素的新属性重新绘制，使元素呈现新的外观
2）重排：当渲染树中的一部分因为元素的规模尺寸，布局，隐藏等改变而需要重新构建
3）重排必定会引发重绘，但重绘不一定会引发重排
8、关闭TCP连接（四次挥手）。
(FIN ACK, ACK, FIN ACK, ACK)
浏览器发FIN包+ACK包到服务器
服务器确认并发送ACK包到浏览器
服务器发FIN包+ACK包到浏览器
浏览器确认并发送ACK到服务器
