2013-02-11 17 views
7

私は自分のページにいくつかのGoogleウェブフォントを使用しています。 Googleは付属のコードを使用して、私は<head>DNSプリフェッチGoogleウェブフォント - どのドメインですか?

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

を入れています。
この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

+0

はい、それは私の理解から正しいです。プリフェッチは、ページのレンダリングを含む異なるサイトに非HTMLコンテンツがある場合に最も便利です。おそらく、あなたのDNSのプリフェッチの有無に関わらず、ページの読み込み時間に大きな影響を与えるかどうか調べてみてください。参照:http://tools.pingdom.com/fpt/ – Anew

関連する問題