javascript - 无需 DNS 调用即可加载 Javascript 和 CSS 文件

Question

如果我使用完整域名在 header 中引用 javascript 文件，加载速度是否会比其他方式慢？

$domain = 'https://www.example.com';
echo '<script src="'.$domain.'/js/index.js"></script>';

问题是，如果我不打算直接引用它们，我将需要某种方式来处理它，以便即使页面被重写到像 https://www.example.com/这样的子文件夹，它们也会加载子文件夹/子文件夹使用.htaccess重写规则。

有没有更好、更快的加载方式，但仍然灵活？

Answer 1

您似乎将绝对 URI 与 DNS 查找的要求混淆了。

给定 http://example.com/index.html 上的 HTML 文档，那么这两个脚本元素之间的唯一区别:

<script src="/foo.js"></script>
<script src="http://example.com/foo.js"></script>

...是后者多了 18 个字节的 HTML(即使在应用 HTTP 压缩之前，这也是微不足道的)。

无论您使用这两种方法中的哪一种，浏览器都会将 URL 解析为 http://example.com/foo.js。如果它的 DNS 缓存中有 example.com(因为它刚刚加载了 HTML 文档)，那么它就不会访问 DNS 服务器来查找该地址。