我在我的页面上使用了一些 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 中的外部域。如果您有 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