node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »



A small JavaScript library which can be used to asynchronously prefetch resources on a web page.

more info

browser support

Note: The Lazyload hint is not part of this library, yet.


npm i @mightyplow/prefetcher


ES6 module

The library can be imported via ES6 imports.

To get the whole object which holds all methods you can call

import prefetcher from '@mightyplow/prefetcher';

You can also import specific methods by calling

import { prefetch, preload, prerender, prefetchDns, preconnect } from '@mightyplow/prefetcher';


You can also use the library directly in your html document. All you have to do, is to load the prefetcher[.min].js file from the dist folder.

It will create a global object call prefetcher, which contains all the available methods.


Following methods are available:

  • prefetch(src)
  • preload(src)
  • prerender(src)
  • prefetchDns(src)
  • preconnect(src)

All methods take the url of the resource which should be loaded. Internally they get stored in an array, so the prefetch request is only done once.

You can then call one of the methods to add the prefetch link tag to the head of the web page. After the resource has been loaded, the tag gets removed automatically.