HTTP/2通过多路复用、二进制分帧等机制提升传统请求效率，适用于资源加载优化；2. WebSocket提供全双工实时通信，适合聊天、游戏等高频交互场景；3. 两者互补，可结合使用以兼顾性能与实时性。
在现代Web开发中，网络通信的效率和实时性至关重要。JavaScript作为前端和后端（Node.js）广泛使用的语言，在处理网络请求时面临多种协议选择。HTTP/2 和 WebSocket 是两种关键的技术，它们各自适用于不同的场景，理解它们的区别与优势有助于构建高性能、低延迟的应用。
HTTP/2：提升传统请求效率
HTTP/2 是对 HTTP/1.1 的重大升级，主要目标是减少延迟、提高页面加载速度。它通过以下机制优化网络通信：
- 二进制分帧层：将消息分解为更小的帧并进行二进制编码，使得数据传输更高效，避免了文本解析开销。
- 多路复用：允许在同一个连接上并行发送多个请求和响应，彻底解决了 HTTP/1.1 中的队头阻塞问题。
- 头部压缩（HPACK）：减少请求和响应头的大小，降低带宽消耗。
- 服务器推送：服务器可主动推送资源给客户端，提前加载可能需要的文件（如CSS、JS），减少往返延迟。
在 JavaScript 中使用 HTTP/2 并不需要特殊 API，浏览器自动在支持的环境下使用 HTTP/2 发起 fetch 请求。Node.js 后端可通过 http2 模块创建 HTTP/2 服务。
WebSocket：实现全双工实时通信
与 HTTP 不同，WebSocket 提供了一个持久化的双向通信通道，适合需要实时数据交换的场景，比如聊天应用、在线游戏、股票行情推送等。
立即学习“Java免费学习笔记（深入）”；
其特点包括：
- 单次握手，长期连接：通过 HTTP 协议发起升级请求（Upgrade: websocket），建立连接后不再需要重复握手。
- 全双工通信：客户端和服务器可以同时发送数据，无需等待对方响应。
- 低开销：数据帧头部小，适合高频小数据量传输。
JavaScript 使用 WebSocket 非常简单：
const socket = new WebSocket('wss://example.com/socket');
socket.onopen = () => {
socket.send('Hello Server!');
};
socket.onmessage = (event) => {
console.log('Received:', event.data);
};
Node.js 中可使用 ws 或 Socket.IO 等库来实现服务端逻辑。
如何选择：HTTP/2 还是 WebSocket？
两者不是替代关系，而是互补：
- 如果应用以页面加载、API 请求为主，追求资源加载性能，应优先启用 HTTP/2。
- 如果需要服务器主动推送实时数据，且连接持续时间长，WebSocket 更合适。
- 某些场景下可结合使用，例如用 HTTP/2 获取初始页面资源，再通过 WebSocket 建立实时通信通道。
基本上就这些。HTTP/2 提升了传统请求的效率，而 WebSocket 解决了实时交互的问题。根据业务需求合理选择，才能发挥最大价值。
