blob: f6ef54e17de2c3e3bd6b1ab09cb9151f8df94910 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
---
title: DNS プリフェッチの制御
slug: Controlling_DNS_prefetching
---
<p>{{ fx_minversion_header(3.5) }}</p>
<p>Firefox 3.5 では <strong>DNS prefetching </strong>が導入されました。これにより、 Firefox は文書中に埋め込まれたアンカーに加え、画像、CSS、JavaScript などの文書内で参照されている外部リソースの URL に対し、予めドメインの名前解決を行います。</p>
<p>このプリフェッチはバックグラウンドで行われるため、実際にリソースが必要となった際には既に名前解決が終了していることになります。これにより、例えばユーザーがリンクをクリックした際の待ち時間を減らすことができます。</p>
<h2 id="背景">背景</h2>
<p>DNS による名前解決に必要な帯域幅は小さなものですが、それにかかる時間は非常に大きく、特にモバイル環境では顕著なものとなります。予め名前解決を行っておくことで、例えばユーザーがリンクをクリックした際に、ページが表示されるまでの待ち時間を大きく削減することができ、場合によっては秒単位の効果が現れる場合もあります。</p>
<p>Firefox での実装においては、実際のページコンテンツの取得と<strong>並行して</strong> DNS による名前解決が行われるため、名前解決に時間がかかっても実際のページコンテンツの取得に遅れが生じることはありません。</p>
<p>特にモバイル環境においては、 DNS プリフェッチによりページの読み込みにかかる時間が劇的に改善されます。例えば、多数の画像が表示されるページにおいて、画像が要求される前に名前解決が行われている場合では読み込み時間が 5% 以上削減されるでしょう。</p>
<h2 id="ブラウザーでのプリフェッチ制御">ブラウザーでのプリフェッチ制御</h2>
<p>通常、ユーザーはプリフェッチ機能に対して何ら設定する必要はありません。が、何らかの理由でプリフェッチ機能を無効にしたい場合は、 <code>network.dns.disablePrefetch</code> を <code>true</code> に設定してください。</p>
<p>また、既定では HTTPS にて読み込まれた文書に対する埋め込みリンクのホスト名は事前に解決されないように設定されています。これを変更するには<code>network.dns.disablePrefetchFromHTTPS </code>を <code>false</code> としてください。</p>
<h2 id="コンテンツでのプリフェッチ制御">コンテンツでのプリフェッチ制御</h2>
<p>コンテンツ・プロバイダー側でもプリフェッチ機能をある程度制御することができます。これは、 <a class="external" href="http://dev.chromium.org/developers/design-documents/dns-prefetching" title="http://dev.chromium.org/developers/design-documents/dns-prefetching">Google Chrome が DNS プリフェッチをコントロールする</a> 際の手法と互換性があります。</p>
<h3 id="プリフェッチのオン・オフ">プリフェッチのオン・オフ</h3>
<p>まず、サーバーはコンテンツの配信時に <code>x-dns-prefetch-control </code>HTTP ヘッダを "<code>off</code>" とすることで、DNS プリフェッチ機能をオプト・アウトとして(ユーザーの意志とは関係なく)実装することができます。</p>
<p>同様に個々の文書に対して制御を行うことも可能で、 <a class="internal" href="/Ja/HTML/Element/Meta" title="Ja/HTML/Element/Meta"><code>meta</code></a> 要素の <code style="color: rgb(37, 34, 29); font-weight: inherit;">http-equiv</code> 属性を次のように設定することで実現できます:</p>
<pre><meta http-equiv="x-dns-prefetch-control" content="off">
</pre>
<p>逆に、 <code>content</code> 属性を "<code>on</code>" とすることで、プリフェッチが有効になります。</p>
<h3 id="特定のホスト名の名前解決を強制する">特定のホスト名の名前解決を強制する</h3>
<p>コンテンツ・プロバイダーは、文書内にアンカーを埋め込まずとも、特定のホスト名に対する DNS の事前解決を強制することができます。これは、 <code><a class="internal" href="/en/HTML/Element/link" title="En/HTML/Element/Link">link</a> 要素に以下のように記述します</code>:</p>
<pre><link rel="dns-prefetch" href="http://www.spreadfirefox.com/">
</pre>
<p>この例では、 Firefox は "www.spreadfirefox.com" について、予め名前解決を行うよう試みます。</p>
<p>また、 link 要素中に必ずしも完全なアドレスを記述せずとも、ホスト名の前に二つのスラッシュを加えることで名前解決が行われます:</p>
<pre><link rel="dns-prefetch" href="//www.spreadfirefox.com">
</pre>
<p>特定のホスト名について強制的に予め名前解決を行うというのは、次のような場合に有効と考えられます: トップページそのものでは参照されていないものの、サイト内の他のページでは頻繁に参照されている外部ドメインをトップページにて強制的に名前解決を行うことで、トップページ自体の速度向上は望めませんが、サイト全体でのパフォーマンス向上が期待できます。</p>
<h2 id="参考文献">参考文献</h2>
<ul> <li><a class="external" href="http://bitsup.blogspot.com/2008/11/dns-prefetching-for-firefox.html" title="http://bitsup.blogspot.com/2008/11/dns-prefetching-for-firefox.html">DNS Prefetching for Firefox (blog post)</a></li>
</ul>
<p> </p>
|