是否可以一起使用 preconnect 和 preload rel 属性？
Is it possible to use preconnect and preload rel attributes together?
假设您有一个提供文档的网络服务器和一个提供文档的所有 js 组件块的 cdn：
有 1 个重要的块 main.js 具有预加载 link rel.
问题：是否可以在 1 个 link 标签上进行预连接和预加载 rel？
今天是：
<link rel="preload" href="https://d3i4yxtzktqr9n.cdn.net/main.js" crossorigin="anonymous" as="script">
我想做：
<link rel="preconnect preload" href="https://d3i4yxtzktqr9n.cdn.net/main.js" crossorigin="anonymous" as="script">
Waterfall
根据我的理解https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/preconnect，
preconnect 用于您想要为未来步骤准备的资源，并在您实际想要访问资源时减少处理时间
例如在注册表单上，用户正忙于输入用户信息，您已经可以预连接以建立与某些身份验证服务的连接。
而预加载是针对具有高优先级的所需资源，如字体或样式表，您很快就需要这些资源。
由于 Internet Explorer 无法处理预连接，从技术上讲，您可以使用预加载作为替代指令。但由于它们有不同的用例，可能不推荐，预加载具有更高的优先级
假设您有一个提供文档的网络服务器和一个提供文档的所有 js 组件块的 cdn：
有 1 个重要的块 main.js 具有预加载 link rel.
问题：是否可以在 1 个 link 标签上进行预连接和预加载 rel？
今天是：
<link rel="preload" href="https://d3i4yxtzktqr9n.cdn.net/main.js" crossorigin="anonymous" as="script">
我想做：
<link rel="preconnect preload" href="https://d3i4yxtzktqr9n.cdn.net/main.js" crossorigin="anonymous" as="script">
Waterfall
根据我的理解https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/preconnect， preconnect 用于您想要为未来步骤准备的资源，并在您实际想要访问资源时减少处理时间
例如在注册表单上，用户正忙于输入用户信息，您已经可以预连接以建立与某些身份验证服务的连接。
而预加载是针对具有高优先级的所需资源，如字体或样式表，您很快就需要这些资源。
由于 Internet Explorer 无法处理预连接，从技术上讲，您可以使用预加载作为替代指令。但由于它们有不同的用例，可能不推荐，预加载具有更高的优先级