instant-prefetch
Advanced tools
Extension of well known InstantPage library. All kudos for (☞ﾟ∀ﾟ)☞ Alexandre Dieulot
import { init } from 'instant-prefetch'
init(
(element) => {
// access to link url
console.log(element.href)
// We can also add data attributes to element and then retrive it here
// For example:
// <a data-instant-prefetch='{"url": "/women.html", "type": "category"}' >
if ('instantDataPrefetch' in linkElement.dataset) {
try {
const data = JSON.parse(linkElement.dataset['instantDataPrefetch'])
console.log(data) // do something
} catch (err) {}
}
},
// optional
// same as global options added for https://instant.page/ to <body>
{
allowQueryString: false, // same as 'data-instant-allow-query-string' added to body in InstantPage https://instant.page/blacklist
allowExternalLinks: false, // same as 'data-instant-allow-external-links' added to body in InstantPage https://instant.page/blacklist
useWhitelist: false, // same as 'data-instant-allow-external-links' added to body in InstantPage https://instant.page/blacklist
mousedownShortcut: false, // same as 'data-instant-mousedown-shortcut' added to body in InstantPage https://instant.page/intensity
intensity = '', // 'data-instant-intensity' added to body in InstantPage https://instant.page/intensity
}
)
// next call for `init` will only reload listeners and IntersectionObserver but list of triggered links will remain the same
See more information on the original website: https://instant.page/
MIT © gibkigonzo.
FAQs
improves page loading for SPA apps
The npm package instant-prefetch receives a total of 0 weekly downloads. As such, instant-prefetch popularity was classified as not popular.
We found that instant-prefetch demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.
Security News
Sonar’s acquisition of Tidelift highlights a growing industry shift toward sustainable open source funding, addressing maintainer burnout and critical software dependencies.