files/zh-cn/web/http/link_prefetching_faq/index.html


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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

---
title: Link prefetching FAQ
slug: Web/HTTP/Link_prefetching_FAQ
tags:
  - HTTP
  - Link prefetching
  - Prefetch
  - 性能
translation_of: Web/HTTP/Link_prefetching_FAQ
---
<h3 id="What_is_link_prefetching.3F" name="What_is_link_prefetching.3F">什么是链接预取？</h3>

<p>链接预取是一种浏览器机制，其利用浏览器空闲时间来下载或预取用户在不久的将来可能访问的文档。网页向浏览器提供一组预取提示，并在浏览器完成当前页面的加载后开始静默地拉取指定的文档并将其存储在缓存中。当用户访问其中一个预取文档时，便可以快速的从浏览器缓存中得到。</p>

<h3 id="预取是否使用HTTPS？">预取是否使用HTTPS？</h3>

<p>从 Gecko 1.9.1 (Firefox 3.5) 开始，支持获取 https 内容.</p>

<h3 id="What_are_the_prefetching_hints.3F" name="What_are_the_prefetching_hints.3F">什么是预取提示？</h3>

<p>浏览器会查找关系类型(rel)为 next 或 prefetch 的 HTML{{ HTMLElement("link") }}  或 <a href="/en-US/docs/Web/HTTP/Headers" title="HTTP headers">HTTP <code>Link:</code> header</a>。下面是一个使用 link 标签的例子：</p>

<pre class="eval">&lt;link rel="prefetch" href="/images/big.jpeg"&gt;
</pre>

<p>同样效果的使用 HTTP Link: header 的例子：</p>

<pre class="eval">Link: &lt;/images/big.jpeg&gt;; rel=prefetch
</pre>

<p>Link: header 也可以通过使用 HTML meta 标签定义在 HTML 文档中：</p>

<pre class="eval">&lt;meta http-equiv="Link" content="&lt;/images/big.jpeg&gt;; rel=prefetch"&gt;
</pre>

<p><code>Link:</code> header 的格式在 <a class="external" href="http://tools.ietf.org/html/rfc5988" title="http://tools.ietf.org/html/rfc5988">RFC 5988</a> section 5 中有所描述。</p>

<p>浏览器检查所有这些预取提示，并将每一个独立的请求排到队列之中，然后浏览器空闲时将对这些请求进行预取。每个页面都可以有多个预取提示，因为预取多个文档是合理的。例如，未来要访问的页面可能包含多张大图。</p>

<p>下面是更多例子：</p>

<pre class="eval">&lt;link rel="prefetch alternate stylesheet" title="Designed for Mozilla" href="mozspecific.css"&gt;
&lt;link rel="next" href="2.html"&gt;
</pre>

<h3 id="Are_anchor_.28.3Ca.3E.29_tags_prefetched.3F" name="Are_anchor_.28.3Ca.3E.29_tags_prefetched.3F">a 标签(&lt;a&gt;) 会被预取吗？</h3>

<p>不会，只有带有关系类型为 next 或 prefetch 的 &lt;link&gt; 标签会被预拉取。但是，如果该特性收到足够的关注，我们在未来可能会支持带有关系类型为 next 或 prefetch 的 &lt;a&gt; 标签的预取。这样做可能会帮助内容提供者避免预取内容过期的问题。</p>

<h3 id="Is_link_prefetching_standards_compliant.3F" name="Is_link_prefetching_standards_compliant.3F">链接预取是符合规范的吗？</h3>

<p>是的，本文档中描述的链接预取和现有 web 规范不冲突。实际上，在 HTML 4.01 规范允许定义新的 link type（参见 <a href="http://www.w3.org/TR/html4/types.html#type-links">章节 6.12：Like types</a>）。但是 Mozilla 采用的具体处理机制还没有确定规范。一份互联网草案正在准备中。</p>

<p>本特性的规范属于 HTML 5 的一部分，参见最新的工作草案，<a href="http://www.whatwg.org/specs/web-apps/current-work/#link-type-prefetch">章节 §5.11.3.13. Link type "prefetch"</a>。</p>

<h3 id="How_is_browser_idle_time_determined.3F" name="How_is_browser_idle_time_determined.3F">浏览器的空闲时间是如何确定的？</h3>

<p>在目前(Moilla 1.2)，空闲时间的确定是通过 <code>nsIWebProgressListener</code> API 实现的。我们在顶层 <code>nsIWebProgress 对象</code> ("@<a class="linkification-ext external" href="http://mozilla.org/docloaderservice;1" title="Linkification: http://mozilla.org/docloaderservice;1">mozilla.org/docloaderservice;1</a>") 上附加了一个监听器。通过监听器，我们能够收到文档开始和停止的通知，从而将最后一个文档停止到下一个文档开始之间的间隔作为空闲时间的近似值。最后一个文档停止的通知大致会在顶层文档的 onLoad 方法即将被触发时发出。此时即是开始预取的时间点。如果一个子文档包含了预取提示，这些预取操作将会等到最顶层文档和其子文档完成加载后才会开始进行。</p>

<h3 id="What_happens_if_I_click_on_a_link_while_something_is_being_prefetched.3F" name="What_happens_if_I_click_on_a_link_while_something_is_being_prefetched.3F">资源正在被预载时点击了某个链接会发生什么？</h3>

<p>当用户点击一个连接，或开始任何形式的页面加载时，预取操作将被停止且任何预取提示将被丢弃。如果一个预取文档只下载了一部分，那么这部分文档将被保存在缓存中，供服务端发送一个 "Accept-Ranges: bytes" 的返回头。这个返回头通常是由网络服务器在返回静态内容时生成的。当用户真正访问这个已经（部分）预载过的文档时，该文档的剩余部分将被通过一个 HTTP byte-range 的请求获取。</p>

<h3 id="What_if_I.27m_downloading_something_in_the_background.3F_Will_link_prefetching_compete_for_bandwidth.3F" name="What_if_I.27m_downloading_something_in_the_background.3F_Will_link_prefetching_compete_for_bandwidth.3F">如果后台正在进行下载任务会发生什么？预取会争夺带宽吗？</h3>

<p>视情况而定。如果你正在使用 Mozilla 下载某些东西，预取将被推迟到下载结束。例如，如果你尝试加载书签组（将会开启多个浏览器标签），任何由书签组某页面发出的预取请求将被延迟到所有标签加载完毕时进行。如果你正在使用其他依赖网络的应用程序，那么 Mozilla 中的预取可能会与它们竞争带宽。这个问题我们希望将来能够借助操作系统服务去检测网络空闲时间来解决。</p>

<h3 id="Are_there_any_restrictions_on_what_is_prefetched.3F" name="Are_there_any_restrictions_on_what_is_prefetched.3F">对预取内容是否有限制？</h3>

<p>是的，只有 http:// (从 {{ Gecko("1.9.1") }} 开始支持 https:// ) 的 URL 可以被预取。其他协议（如 FTP）没有对客户端缓存提供足够的支持。</p>

<h3 id="Will_Mozilla_prefetch_documents_from_a_different_host.3F" name="Will_Mozilla_prefetch_documents_from_a_different_host.3F">Mozilla 能够预取不同宿主的文档吗？</h3>

<p>可以。预取不受同源限制。限制预取来自同一个服务器并不会对增强浏览器的安全性有所帮助。</p>

<h3 id="Do_prefetched_requests_contain_a_Referer_header.3F" name="Do_prefetched_requests_contain_a_Referer:_header.3F">预提取的请求是否包含Referer: header？</h3>

<p>是的，预取的请求包含一个HTTP <code>Referer:</code> header，指示从中提取预取提示的文档。</p>

<p>这可能会影响许多站点上常用的引荐来源跟踪。 因此，链接预取可能不适用于所有内容。 但是，可以通过指定<code>Cache-control: must-revalidate </code>HTTP response header，指示Mozilla在用户遵循href到预提取文档时验证预提取文档。 此标头可启用缓存，但在从浏览器的缓存中提供文档之前，需要<code>If-Modified-Since</code>或<code>If-None-Match</code>验证请求。</p>

<h3 id="As_a_server_admin.2C_can_I_distinguish_prefetch_requests_from_normal_requests.3F" name="As_a_server_admin.2C_can_I_distinguish_prefetch_requests_from_normal_requests.3F">作为服务器管理员，我可以区分预取请求和普通请求吗？</h3>

<p>是的，我们将以下标头与每个预取请求一起发送：</p>

<pre>X-moz: prefetch</pre>

<p>Of course, this request header is not at all standardized, and it may change in future Mozilla releases. Chrome uses "X-Purpose: prefetch" or "Purpose: prefetch" <a href="https://bugs.webkit.org/show_bug.cgi?id=46529">header</a>.当然，此请求标头根本不是标准化的，并且在将来的Mozilla版本中可能会更改。 Chrome使用“ X-Purpose: prefetch”或“Purpose: prefetch的<a href="https://bugs.webkit.org/show_bug.cgi?id=46529">header</a>。</p>

<h3 id="Is_there_a_preference_to_disable_link_prefetching.3F" name="Is_there_a_preference_to_disable_link_prefetching.3F">是否有禁用链接预取的首选项？</h3>

<p>是的，您可以设置一个隐藏的首选项来禁用链接预取。 将此行添加到位于配置文件目录中的prefs.js文件中（或通过<a class="linkification-ext" href="/about:config" title="Linkification: about:config">about:config</a>进行适当的更改）：</p>

<pre class="eval">user_pref("network.prefetch-next", false);
</pre>

<p>但是，从理论上讲，如果需要禁用链接预取，则实现一定存在问题。 如果它不能正确运行，我们宁愿改进实现，也不希望用户找到并调整一些晦涩的偏好。</p>

<h3 id="What_about_folks_who_pay-per-byte_for_network_bandwidth.3F" name="What_about_folks_who_pay-per-byte_for_network_bandwidth.3F">那些按字节支付网络带宽的人呢？</h3>

<p>Basically, there are two ways of looking at this issue: websites can already cause things to be silently downloaded using JS/DOM hacks. prefetching is a browser feature; users should be able to disable it easily.</p>

<p>It is important that websites adopt <code>&lt;link&gt;</code> tag based prefetching instead of trying to roll-in silent downloading using various JS/DOM hacks. The <code>&lt;link&gt;</code> tag gives the browser the ability to know what sites are up to, and we can use this information to better prioritize document prefetching. The user preference to disable <code>&lt;link&gt;</code> tag prefetching may simply encourage websites to stick with JS/DOM hacks, and that would not be good for users. This is one reason why prefetching is enabled by default.</p>

<p>基本上，有两种方法可以解决此问题：网站已经可以使用JS / DOM之类的hacks方式静默下载内容。 预取是浏览器功能； 用户应该能够轻松禁用它。</p>

<p>网站采用基于<code>&lt;link&gt;</code>标记的预取非常重要，而不是尝试使用各种JS / DOM之类的hacks方式进行静默下载。 <code>&lt;link&gt;</code>标记使浏览器能够知道正在访问哪些站点，我们可以使用此信息更好地确定文档预取的优先级。 用户偏好禁用<code>&lt;link&gt;</code>标记预取可能只是鼓励网站坚持使用JS / DOM之类的hacks方式，这对用户不利。 这是默认情况下启用预取的原因之一。</p>

<h3 id="Which_browsers_support_link_prefetching.3F" name="Which_browsers_support_link_prefetching.3F">哪些浏览器支持链接预取？</h3>

<p>基于Mozilla 1.2（或更高版本）的浏览器以及基于Mozilla 1.0.2（或更高版本）的浏览器均支持预取。 这包括Firefox和Netscape 7.01+。 截至2003年3月，Camino构建基于Mozilla 1.0.1，因此不支持预取。 测试您的浏览器是否支持链接预取。</p>

<h3 id="Privacy_implications" name="Privacy_implications">隐私问题</h3>

<p>除了上面已经提到的引用和URL跟随含义外，预取通常会导致访问预取站点的cookie。 （例如，如果您使用google amazon，则google结果页面将预取www.amazon.com，从而导致amazon cookie来回发送。您可以在Firefox中阻止第三方cookie，请参参阅 <a class="external" href="http://support.mozilla.com/en-US/kb/Disabling%20third%20party%20cookies" title="http://support.mozilla.com/en-US/kb/Disabling third party cookies">Disabling third party cookies</a>。）</p>

<h3 id="What_about....3F" name="What_about....3F">关于...？</h3>

<p>如果您对链接预取有任何疑问或意见，请随时按我的方式发送它们：-)</p>

<h4 id="See_also..." name="See_also...">也可以看看...</h4>

<p><a class="external" href="http://www.edochan.com/programming/pf.htm">Prefetching Hints</a></p>

<div class="originaldocinfo">
<h2 id="Original_Document_Information" name="Original_Document_Information">Original Document Information</h2>

<ul>
 <li>Author(s): Darin Fisher (darin at meer dot net)</li>
 <li>Last Updated Date: Updated: March 3, 2003</li>
</ul>
</div>