---
title: "介绍智能预取"
description: "从 Nuxt v2.4.0 开始，Nuxt 默认会在通过 nuxt-link 链接的代码分割页面进入视口时自动进行预取。"
canonical_url: "https://nuxt.zhcndoc.com/blog/introducing-smart-prefetching"
---
# 介绍智能预取

> 从 Nuxt v2.4.0 开始，Nuxt 默认会在通过 nuxt-link 链接的代码分割页面进入视口时自动进行预取。

## 介绍智能预获取 ⚡️

从 [Nuxt v2.4.0](https://github.com/nuxt/nuxt.js/releases/tag/v2.4.0) 开始，Nuxt 会在默认情况下自动预取与 `<nuxt-link>` 关联的代码分割页面，只要它们在视口中可见。这个功能极大提升了终端用户的性能，灵感来自 [quicklink](https://github.com/GoogleChromeLabs/quicklink)。

![nuxt-prefetch-comparison](https://nuxt.zhcndoc.com/assets/blog/nuxt-prefetch-comparison.gif){.rounded-lg.border.border-gray-700}

在线演示可供您体验差异，并建议您立即试用：

- 无预获取 (v2.3): <https://nuxt-no-prefetch.surge.sh>
- 使用预获取 (v2.4): <https://nuxt-prefetch.surge.sh>

您可以在文档的 [`<nuxt-link>`](https://v2.nuxt.com/docs/features/nuxt-components#the-nuxtlink-component) 部分了解更多关于此功能的信息。


## Sitemap

See the full [sitemap](https://nuxt.zhcndoc.com/sitemap.md) for all pages.