DNS预取Google webfonts - 哪个域名?

时间:2013-02-11 21:05:41

标签: html css dns webfonts google-webfonts

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

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

<{1>}中的

看看这个CSS内部显示实际字体是<head>托管的。

现在我想使用DNS预取,但我应该使用哪个域? http://themes.googleusercontent.comhttp://fonts.googleapis.com或两者都有?

1 个答案:

答案 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