Preload visible links in viewport - Githubissues

swup / preload-plugin

A swup plugin for preloading pages to speed up navigation 🚀

https://swup.js.org/plugins/preload-plugin

MIT License

14 stars 14 forks source link

Preload visible links in viewport #86

Closed daun closed 1 year ago

daun commented 1 year ago

Description

Install an IntersectionObserver on the viewport
Preload all links inside the viewport
Makes more sense than quicklink: better integrated, less polyfills, less options
Not enabled by default: added an option preloadVisibleLinks to enable it
Tested and working like a charm
Adds ~0.7K to the bundle (vs. 2K for quicklink)

Drive-by improvements

Check for bad network conditions (data-saver or 2G) where supported
Add an option preloadHoveredLinks to allow disabling that feature

Checks

[x] The PR is submitted to the master branch
[x] The code was linted before pushing (npm run lint)
[ ] ~~All tests are passing (npm run test)~~
[ ] ~~New or updated tests are included~~
[x] The documentation was updated as required

Additional information

Closes #84

daun commented 1 year ago

I've rebased on the current master and updated the readme to mention the focus feature as well.

@hirasso Feel free to either reapprove or wait until you had a chance to give it a spin :)