使用HTML5的链接预取功能(link prefetching)给网站提速

HTML5的链接预取功能（link prefetching）就像一颗藏于沙砾之中的璀璨宝石，尽管鲜为人知，但其价值非凡。如果你曾经听说过关于图片预加载功能的古老传说，那么链接预取功能就是在这一基础上的一个重大拓展，它将预加载的概念从图像扩展到了网页内容，无需任何AJAX代码。

这一功能的运作方式十分独特。只需在网页上添加类似以下的链接：

```html

```

当你的设备处于空闲状态时，浏览器就会在后台默默地下载page2.html。当用户最终点击该链接时，浏览器会从缓存中迅速取出该页面，从而带来令人惊讶的加载速度。目前，只有火狐浏览器拥抱了这一功能。鉴于火狐拥有庞大的用户群体，只要你在HTML页面中加入上述代码，仍然有相当一部分用户能够体验到这种显著提升的页面加载速度。

想象一下，这是多么酷炫！链接预取功能的应用场景多元且充满潜力：

当你呈现一篇长篇大论、在线教程或大型图册，需要分多页展示时，该功能大显身手。

在你的网站首页，预先加载那些用户最可能点击的。这可能是商品页面上的“重点推荐”商品，或是博客网站上的博文。

对于搜索查询页面，预先加载前几条搜索结果。

对于静态内容，你还可以使用rel标记实现预取功能：

```html

```

值得注意的是，还有一些有趣的点令人期待：

链接预取功能即将在Opera、Chrome和Safari等浏览器中实现。而对于Internet Explorer，你可能需要等到遥远的2020年。

如果这一功能得到广泛应用，它将对你的网站日志和访问统计产生影响。想象一下，如果你的一个页面预取了多个页面，但用户并未实际访问这些页面，那么服务器（或统计工具）很难区分这两者之间的差异。幸运的是，Firefox会在HTTP头信息中发送X-moz:prefetch信息，但这需要你的服务器能够识别这种信息。

HTML5的链接预取功能为优化网页加载体验提供了新的思路。尽管目前它的应用仍有限制，但随着更多浏览器的支持，这一功能将逐渐展现出其巨大的潜力。