网络与协议 · 63/72
1. Ajax、Axios、Fetch 对比 2. Ajax 原理 3. Ajax 技术与实现 4. 常见的应用层协议 5. 浏览器缓存的存储位置 6. 从输入 URL 到页面显示的过程 7. Cache-Control 常见配置值 8. CDN 工作原理 9. 为什么推荐将静态资源放到 CDN 上 10. Cookie 的弊端 11. Cookie 的 Secure 属性设置 12. CORS 请求携带身份凭证的方法 13. CORS 跨域原理 14. 复杂请求预检检查内容 15. CORS 预检请求 16. CORS简单请求的条件 17. 简单请求为何无需预检 18. DNS 域名解析与网络请求路由 19. 什么是跨域 20. 什么是 DNS 劫持? 21. DNS 预解析优化网页加载速度 22. DNS 解析过程与优化 23. URL 参数为什么需要 encodeURIComponent 转码 24. Last-Modified 和 ETag 的区别 25. Fetch 发送两次请求的原因 26. 正向代理与反向代理 27. 前后端通信方式 28. GET请求能否上传图片 29. GET 请求的传参长度限制 30. HTTP 缓存策略 31. GET 与 POST 的区别 32. HTTP状态码301与302的区别 33. HTTP 数据传输 34. HTTP 队头阻塞 35. HTTP 请求头和响应头的重要字段 36. HTTP发展历程 37. HTTP与HTTPS总结 38. HTTP 和 HTTPS 的区别 39. HTTP 报文结构与状态码 40. HTTP Keep-Alive 机制 41. HTTP管道机制的作用 42. HTTP协议优缺点 43. HTTP 重定向状态码 301/302/303/307/308 44. HTTP 请求方法 45. HTTP 协议版本演进 46. HTTP与TCP的区别 47. HTTP/2 多路复用原理 48. HTTPS 协议的缺点 49. HTTP/3 如何保证传输可靠性 50. HTTP/2 的改进 51. HTTPS 加密原理 52. 什么是负载均衡? 53. Nginx 负载均衡调度算法 54. Nginx 是什么 55. 对象存储 OSS 是什么 56. OPTIONS 请求方法及使用场景 57. 轮询与 WebSocket 对比 58. HTTPS 中 SSL 的 OSI 层位置 59. SSL连接恢复 60. 强缓存和协商缓存 61. TCP 三次握手与四次挥手 62. TCP三次握手中的数据传输 63. TCP 和 HTTP 请求的关系 64. TCP/IP 协议 65. TCP 如何判断丢包 66. TCP 与 UDP 的区别 67. WebSocket 的 Handshaking 握手过程 68. TLS 1.3 相比 TLS 1.2 的改进 69. URI、URL、URN 的区别 70. WebSocket 心跳机制 71. WebSocket 协议原理 72. XML与JSON对比

TCP 和 HTTP 请求的关系

理解 TCP 连接与 HTTP 请求的复用机制,以及浏览器的并发处理方式

问题

TCP 连接和 HTTP 请求是什么关系?一个 TCP 连接可以发送多少个 HTTP 请求?这些请求能否并行处理?

解答

TCP 连接是否会在 HTTP 请求后立即断开

在 HTTP/1.0 时代,默认情况下每个 HTTP 请求完成后都会断开 TCP 连接,除非手动设置 Connection: keep-alive

从 HTTP/1.1 开始,Connection 默认为 keep-alive,TCP 连接会被复用。连接会在超时时间内保持打开状态,只有在超时后仍未被使用时才会主动断开。

一个 TCP 连接可以发送多少个 HTTP 请求

只要 TCP 连接没有断开,就可以持续发送多个 HTTP 请求,没有数量限制。

HTTP 请求能否在同一个 TCP 连接中并行处理

HTTP/1.1 的限制:

在 HTTP/1.1 中,单个 TCP 连接在同一时刻只能处理一个请求。任意两个 HTTP 请求从开始到结束的时间不能重叠。

虽然 HTTP/1.1 规范中定义了 Pipelining(管道化)来解决这个问题,但浏览器默认关闭了这个功能,原因包括:

  • 部分代理服务器无法正确处理 HTTP Pipelining
  • 正确实现流水线机制较为复杂
  • 存在 Head-of-line Blocking(队头阻塞)问题:如果第一个请求处理时间过长,后续所有请求都必须等待

HTTP/2 的改进:

HTTP/2 提供了 Multiplexing(多路复用)功能,可以在一个 TCP 连接中同时发起和响应多个 HTTP 请求,彻底解决了队头阻塞问题。

浏览器如何实现并发请求

虽然单个 TCP 连接在 HTTP/1.1 中无法并行处理请求,但浏览器会同时与服务器建立多个 TCP 连接来支持并发。

例如,Chrome 浏览器最多允许对同一个域名建立 6 个 TCP 连接,不同浏览器的限制有所差异。

HTTPS 和 HTTP/2 的情况

如果资源使用 HTTPS 连接且在同一域名下,浏览器会优先协商使用 HTTP/2 的 Multiplexing 功能进行多路传输。但并非所有资源都会使用同一个 TCP 连接。

如果无法使用 HTTP/2(HTTP/2 基于 HTTPS 实现),浏览器会在同一个域名下建立多个 TCP 连接,每个连接按顺序请求资源。

关键点

  • HTTP/1.1 默认开启 keep-alive,TCP 连接会被复用而不是每次请求后断开
  • HTTP/1.1 中单个 TCP 连接同一时刻只能处理一个请求,存在队头阻塞问题
  • HTTP/2 通过多路复用实现了在一个 TCP 连接中并行处理多个请求
  • 浏览器通过建立多个 TCP 连接(如 Chrome 的 6 个)来实现 HTTP/1.1 的并发请求
  • HTTPS 环境下优先使用 HTTP/2 的多路复用,否则回退到多连接模式