一、请求域名,域名解析获取IP地址
-
Request URL:
https://www.baidu.com/
-
Remote Address:
111.13.100.92:443
-
Referrer Policy:
no-referrer-when-downgrad
referrer是HTTP请求header的报文头,用于指明当前流量的来源参考页面,我们可以知道访客是怎么来到当前页面的
No Referrer When Downgrade:仅当协议降级(如HTTPS页面引入HTTP资源)时不发送Referrer信息。是大部分浏览器默认策略。
二、根据这个IP,找到对应的服务器,发起TCP的三次握手
三、.建立TCP连接后发起HTTP请求
-
Accept://接受的MIME类型
-
Accept-Encoding:
-
Accept-Language:
-
Cache-Control:
- Connection:keep-alive 一次TCP连接中可以持续发送多份数据而不会断开连接。通过使用keep-alive机制,可以减少tcp连接建立次数,也意味着可以减少TIME_WAIT状态连接,以此提高性能和提高httpd服务器的吞吐率(更少的tcp连接意味着更少的系统内核调用,socket的accept()和close()调用)。
- Cookie:
BAIDUID=749120E9FACE9EB40F6E084023D8FA55:FG=1; BIDUPSID=749120E9FACE9EB40F6E084023D8FA55; PSTM=1522044044; __cfduid=daf1dce7ba9ca5ebb34ce6e25b2b9b4e11522371756;
每次请求时都会携带上Cookie以方便服务器端识别是否是同一个客户端,类别有a.Session Cookie(关闭浏览器删除)、b.Persistent Cookie持久性、c.Secure cookie安全性、d.HttpOnly Cookie只能在http(https)请求上传递 e、Zombie Cookie僵尸cookie是指那些删不掉的,删掉会自动重建的cookie
四、服务器响应HTTP请求,浏览器得到html代码
五、浏览器解析html代码,并请求html代码中的资源(如js、css图片等)
优化页面的办法:
- 减少过多的HTTP外部请求,利用浏览器的缓存技术;
- 使用外部引用js和css文件
- css放在头部对页面的效果提前渲染出来,提高用户的视觉效果,js引用在底部。
- 使用CSS Sprites进行图标的融合;
- 压缩js、css、html;
- 为HTML指定Cache-Control或Expires:
六、浏览器对页面进行渲染呈现给用户