2013-02-11 32 views
7

我在頁面上使用了一些Google網頁字體。使用谷歌提供的代碼,我已經把DNS預取Google webfonts - 哪個域?

<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.comhttp://themes.googleusercontent.com還是兩者?

回答

9

兩個:

顯式預取

通常的瀏覽器只掃描外部域的HTML。如果您的資源超出了HTML範圍(例如,向遠程服務器發送JavaScript請求,或託管可能不存在於您網站每個頁面上的內容的CDN),那麼您可以排列要預取的域名。

<link rel="dns-prefetch" href="//example.com"> 
<link rel="dns-prefetch" href="//ajax.googleapis.com"> 

因爲您可以根據需要使用盡可能多的這些,但是如果它們的元字符集元素(它應該在頭頂右轉)畢竟立即它是最好的,所以瀏覽器可以作用於他們儘快。

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

+0

超酷的,謝謝!但是,如果我正確地理解了這一點,如果字體出現在每個頁面上,預取沒有多大意義,因爲它們無論如何都會被加載,然後被緩存。你能證實這一點嗎? – Sven 2013-02-12 10:25:22

+0

是的,根據我的理解,這是正確的;當您在包含頁面呈現的不同網站上使用非HTML內容時,預取功能非常有用。也許可以嘗試在沒有使用dns預取的情況下查看是否顯着影響您的頁面加載時間。請參閱:http://tools.pingdom.com/fpt/ – Anew 2013-02-13 02:39:39