记录前端性能优化用到的关键概念前端
简化你们对HTTP的学习nginx
你们或许面试的时候能够用获得哦web
Web的应用层协议(超文本传输协议HyperText Transfer Protocol)。它由两个程序实现:客户端程序和服务器端程序。这两个程序运行在两个不一样端系统,经过交换HTTP报文来实现通讯。对于web前端工程师常见的场景中Web浏览器(即客户端)而Web server(nginx、apache等)就是服务器端。你的机器只要有了这两端,就能够在本地实现HTTP通讯传输。面试
客户端---->发送TCP报文段---->服务器端 (第一次)
服务器端---->用TCP报文段确认和响应---->客户端 (第二次)
客户端向服务器端返回确认、发送HTTP请求报文 (第三次)chrome
起始行(start line)apache
首部块(header)浏览器
主体(body)缓存
状态码(status code)性能优化
200 请求没有问题,实体的主题部分包含了所请求的资源
304 最近资源没有被修改
404 没法找到所请求的URL
500 服务器遇到一个妨碍它为请求提供服务的错误服务器
通用首部 (chrome中Headers下面的General)
请求首部 (chrome中Headers下面的Request Headers)
响应首部 (chrome中Headers下面的Response Headers)
请求首部
Cache-Control:no-cache
Pragma:no-cache
用户在本地浏览器设置disable-cache时
响应首部
Etag 与此资源相关的资源标记Expires 资源再也不有效,要从源端再次获取实体日期和时间Last-Modified 资源最后被修改的时间