我在网页上使用了一些Google网络字体。使用谷歌提供的代码,我已经把
<link href='http://fonts.googleapis.com/css?family=Pirata+One' rel='stylesheet' type='text/css'>
看看这个CSS内部显示实际字体是<head>
托管的。
现在我想使用DNS预取,但我应该使用哪个域? http://themes.googleusercontent.com
,http://fonts.googleapis.com
或两者都有?
答案 0 :(得分:12)
这两种:
明确的预取
通常,浏览器仅扫描HTML以查找外部域。如果您拥有HTML之外的资源(例如,对远程服务器的javascript请求或承载可能不存在于您网站的每个页面上的内容的CDN),那么您可以排队要预取的域名
<link rel="dns-prefetch" href="//example.com"> <link rel="dns-prefetch" href="//ajax.googleapis.com">
你可以根据需要使用尽可能多的这些,但最好是它们都紧跟在Meta Charset元素后面(它应该在头顶部),因此浏览器可以尽快对它们进行操作。 / p>
来源:https://github.com/h5bp/html5-boilerplate/blob/master/doc/extend.md#explicit-prefetches