DNS 预取 Google webfonts - 哪个域？答案

【问题标题】：DNS prefetch Google webfonts - which domain?DNS 预取 Google webfonts - 哪个域？
【发布时间】：2013-02-12 13:10:50
【问题描述】：

我在我的页面上使用了一些 Google 网络字体。使用谷歌提供的代码，我把

<link href='http://fonts.googleapis.com/css?family=Pirata+One' rel='stylesheet' type='text/css'>

在<head>.
看一下这个 CSS 会发现实际的字体托管在 http://themes.googleusercontent.com。

现在我想使用 DNS 预取，但我应该使用什么域？ http://fonts.googleapis.com、http://themes.googleusercontent.com 或两者兼而有之？

【问题讨论】：

标签： html css dns webfonts google-webfonts

【解决方案1】：

两者：

显式预取

通常浏览器只扫描 HTML 中的外部域。如果您有 HTML 之外的资源（例如，对远程服务器的 javascript 请求或托管可能不在您网站的每个页面上的内容的 CDN），那么您可以排队要预取的域名.
<link rel="dns-prefetch" href="//example.com">
<link rel="dns-prefetch" href="//ajax.googleapis.com">
您可以根据需要使用任意数量的这些，但最好将它们全部紧跟在 Meta Charset 元素之后（应该位于头顶），这样浏览器就可以尽快对它们进行操作。

来源：https://github.com/h5bp/html5-boilerplate/blob/master/doc/extend.md#explicit-prefetches

【讨论】：

超酷，谢谢！但是，如果我理解正确的话，如果字体出现在每一页上，那么预取就没有多大意义，因为它们无论如何都会被加载然后被缓存。你能确认一下吗？
是的，我的理解是正确的；当您在涉及页面呈现的不同站点上有非 html 内容时，预取最有用。也许尝试在有和没有你的 dns 预取的情况下四处寻找，看看它是否会显着影响你的页面加载时间。见：tools.pingdom.com/fpt