HTTP抓包分析——结合Firefox浏览器原理

全程实际操作，多图警告！！！

想基本还原实验场景的同学可以私信我，把har文件发你

前提

输入CSDN网站进行分析

打开F12分析

可见，
HTML文档解析时间只需要5.72秒
完全加载则需要10.81秒

说个题外话，chrome比firefox快好多…

概念：

DOMContentLoaded

当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完成加载。

load

load 仅用于检测一个完全加载的页面，页面的html、css、js、图片等资源都已经加载完之后才会触发 load 事件。

html加载

其实，单纯的HTML网页已经在537毫秒加载完毕，也就是，从白屏到页面显示时间，只花费了537毫秒

我们点进去看看

这里写明了
1 协议，2 状态，3 版本

请求头

再来看看请求头有什么值得感兴趣的信息

accept，表明浏览器愿意接收html，xml，以及img等格式文件 accept-encoding，使用gzip方式
accept-language，包括zh-CN中文，en-US英文等，具体可以在火狐浏览器语言设置里设置
connection，自http1.1以来，默认keep-alive 还设置了cookie，一会我们具体分析！
host，可以得到请求的ip地址
user-agent，说明浏览器方的基本信息，包括win操作系统，firefox浏览器。这个地方可为服务器做一些拦截提供信息，识别你是PC还是移动端提供了凭据

响应头

接下来，当然看响应头，重点说红框部分

Content-Encoding:gzip，客户端发送Accept-Encoding:gzip这个request
header，服务器即认为其能接受gzip压缩，就响应一个Content-encoding:gzip，并发送压缩内容
content-language：中文，CSDN中文博客，没什么好说的
content-type：text/html，重点！我们最先要看到的是大体框架，所以只返回html即可

cookie分析，我们挑几个容易理解的来讲一讲：

session_id，保存session标识符
UN，nick昵称 UserInfo, UserName Usernick，别吓本抱抱，当然还需要进一步编码 Usertoken

由于http是顺时协议，需要cookie保存信息，这些cookie信息都是为了你在访问博客时，保存的登录信息。

来看看响应效果：
显然页面已经出现，但有意思的是，左边，以及下面推荐部分，是gzip以前的编码