浏览器提示-预连接-会损害负载性能吗？

Question

我有一个带有20多个标签的网站。 几乎每个标签都具有不同的域。 我正在考虑为所有链接添加一个带有rel =“ preconnect”的链接。

<link rel="preconnect" href="//cdn.example.com" crossorigin>

有意义吗？性能会因此降低吗？

还可以从客户端添加它吗？

<script> 
var res = document.createElement("link"); 
res.rel = "preconnect"; 
res.href = "//cdn.example.com"; 
document.head.appendChild(res); 
</script>