Vue Proximity Prefetch
Tips
Boost your Vue app's perceived performance by prefetching routes when the mouse approaches links
Features
- ð Smart Detection: Detects when the user's mouse approaches navigation links
- ⥠Automatic Prefetching: Preloads route components before the user clicks
- ð Enhanced UX: Reduces perceived loading times for smoother navigation
- ð Simple Integration: Two easy ways to integrate - Vue component or Vite plugin
- ð§ Highly Configurable: Customize threshold distance, prediction intervals, and more
- ðŠķ Lightweight: Minimal overhead with smart request throttling
Easy to Use
Simple integration into your existing Vue application
Optimal Performance
Significantly improves user experience without overloading the network
Flexible
Use it as a Vue component or as a Vite plugin according to your needs
Quick Start
# npm
npm install v-proximity-prefetch
# yarn
yarn add v-proximity-prefetch
# pnpm
pnpm add v-proximity-prefetch
Check out the Getting Started Guide for a complete introduction.