我可以使用链接标签预连接到 WebSocket 目标吗？

Question

我有一个网站，使用 WebSockets 连接到服务器并传输数据。

在 css-tricks.com，他们展示了以下使用 HTML 链接标签预连接的示例：

<link rel="preconnect" href="https://css-tricks.com">

我可以用它来连接到 WebSockets，或者至少加快速度吗？像这样的东西

<link rel="preconnect" href="

wss

://css-tricks.com">

有没有办法在我尝试 WS 连接时判断它是否正常工作？或者甚至使用 HTTP 连接？

Answer 1

不可以，您不能使用标签来预连接到 WebSocket 目标。

HTML 中的标签旨在预连接到 HTTP/HTTPS 目的地，以提高后续请求的性能。此预连接功能的工作原理是在页面加载过程的早期建立与指定主机的连接，这可以减少从该主机请求资源（如 CSS、JavaScript 或图像）时的延迟。

但是，WebSocket 的工作方式与传统的 HTTP/HTTPS 连接不同。 WebSocket 连接是使用 JavaScript 中的 WebSocket API 建立的，与 HTTP/HTTPS 相比，它使用不同的协议（ws:// 或 wss://）。因此，该标签不能用于预连接到 WebSocket 服务器。

为了优化 WebSocket 连接，您通常会在页面加载后在 JavaScript 代码中启动 WebSocket 连接，如下所示：