Browser prefetchs visible area hyperlinks at idle time to speed up subsequent page loads
## Installing
Using npm:
```bash
npm install prefetch-page --save
```
Using CDN:
````html
## Using Use in your browser ```html
````
ESModule Modules
```js
import prefetch from 'prefetch-page'
// Triggered when page dom loading is complete
addEventListener('DOMContentLoaded', function () {
prefetch({ threshold: 25, delay: 3000, limit: 10 })
})
// Or execute it when the browser is idle
requestIdleCallback(function () {
prefetch({ threshold: 25, delay: 3000, limit: 10 })
})
```
CommonJS Modules
```js
const prefetch = require('prefetch-page')
// Triggered when page dom loading is complete
addEventListener('DOMContentLoaded', function () {
prefetch({ threshold: 25, delay: 3000, limit: 10 })
})
// Or execute it when the browser is idle
requestIdleCallback(function () {
prefetch({ threshold: 25, delay: 3000, limit: 10 })
})
```
## Options API
### prefetch(options)
ReturnType: `Function`
Returns a function executing this function will stop watching all the `` tag hyperlinks that are not prefetched
```html
```
### options.el
Type: `String|Element`
Default: `document`
Listens for hyperlinks under a given DOM element
```html
test page 4
```
### options.origins
Type: `Array`
Default: `[location.hostname]`
Prefetch only the specified origins, Asterisk (\*) allows all origins to be prefetched
```html
test page 1
test page 2
test page 3
```
### options.limit
Type: `Number`
Default: `Infinity`
Limit the total number of prefetch
```html
test page 1
test page 2
test page 3
```
### options.threshold
Type: `Number`
Default: `0`
Preload is triggered when the target hyperlink appears in more than 25% of the browser's viewable area
### options.delay
Type: `Number`
Default: `0`
Delay 3 seconds to trigger the preload when the target hyperlink appears in the viewable area of the browser
If the delay is less than 3 seconds, the preload function is terminated if the target hyperlink is no longer visible, assuming that it scrolls to another location when the delay reaches 2 seconds
If the target element reappears in the visible area, the preload is delayed for 3 seconds again
### options.customs
Type: `Array`
Default: `undefined`
Custom preloaded resources, can be img, mp3, mp4, json any resource
```html
```