相对 URL 与绝对 URL 对加载时间的影响

Question

我的意思正确吗：

在 javascript 和 CSS 中，使用相对 url 引用自己的资源可以避免 SSL、DNS 等多重延迟 - 并实现加载时间增益。

示例：

background:url('../img/image.gif')

比

background:url('https://www.example.com/img/image.gif')

快

Answer 1

使用相对 URL 或绝对 URL 没有区别，浏览器在发送之前无论如何都会将其转换为绝对 URL。顺便说一句，与获取资源所需的其他所有内容相比，转换也非常快，不会对性能产生有意义的影响。

因此，唯一能让速度更快的是使用绝对外部 URL。因此，如果加载

http://www.example.com

，则使用

background:url('/img/image.gif')

通常比使用

background:url('https://cdn.example.com/img/image.gif')

更快，因为第一个位于同一服务器上，因此不需要建立与

https://cdn.example.com

的新连接的成本。