本地文件用绝对URL与相对URL：性能存在差异吗？

核心结论 #

如果是同域名下的本地CSS文件，使用绝对URL（https://example.com/style.css）和根相对URL（/style.css）在加载时长上没有显著差异，也不会额外触发DNS解析、SSL握手等网络操作。

具体原理 #

• URL解析无额外开销：浏览器遇到根相对URL /style.css 时，会自动拼接当前页面的协议、域名，生成完整的绝对URL（比如当前页面是https://example.com/index.html，就会转换成https://example.com/style.css）。这个过程完全在浏览器本地完成，没有任何网络请求。
• 连接复用机制生效：浏览器对同域名的资源请求会复用已建立的TCP连接和SSL会话（HTTPS场景下）。无论你用哪种URL写法，只要最终指向的是同域名的同一资源，都会直接复用现有连接，不会重新发起DNS查询、SSL握手或TCP三次握手。
• 例外场景：只有当绝对URL指向的域名与当前页面域名不一致时（比如误写域名、指向其他子域名），才会触发额外的网络握手操作，但这不属于“托管的本地CSS文件”的正常使用场景。

内容的提问来源于stack exchange，提问作者Evgeniy