Skip to content
Developer Tools

Modulepreload Link Exporter

List every rel="modulepreload" link on a page and export it. See which JavaScript modules a Vite or modern app loads early.

Try:

Something not working? Report a problem

What is the Modulepreload Link Exporter?

modulepreload is like preload, but made for JavaScript modules. Build tools like Vite, SvelteKit and Astro add these links so the browser can fetch and parse module files early.

This tool finds all modulepreload links, from the HTML and headers, with their crossorigin settings. Export the list to see how an app splits its code, or to check that your own build is preloading the right chunks.

How to use it

  1. Paste the address of a modern JavaScript site.
  2. Press Get modulepreload links.
  3. See all preloaded module files.
  4. Copy or export the list to CSV.

Why people like this tool

Module chunks

See every JS module the page asks for early.

Headers too

Includes modulepreload sent in Link headers.

Clean export

CSV with URL, crossorigin and other attributes.

Build insight

Understand code splitting in Vite, SvelteKit and Astro apps.

How it works, in one picture

Infographic: how to use the Modulepreload Link Exporter in 4 easy steps: Paste the link, Run the tool, Check the result and Copy the result. You get: Module chunks, Headers too, Clean export and Build insight.

Frequently asked questions

How is modulepreload different from preload?
modulepreload also parses the module and its imports, so it is ready to run. preload only downloads the file.
Does modulepreload need crossorigin?
Modules use CORS by default, so crossorigin is only needed when you want credentials.
No links found?
The site may use a classic bundle, or add module scripts only with JavaScript.

You may also like

Preload URL Exporter

Export all rel="preload" links of a page to CSV. See each file, its "as" type, crossorigin and fetchpriority, and spot common preload mistakes.

Open tool

OpenAPI / Swagger Spec Downloader

Find and download the OpenAPI or Swagger spec behind any API docs page. Get it as JSON or YAML and see every endpoint in a table.

Open tool

OpenAPI Bundle Downloader

Turn a multi-file OpenAPI spec into one single file. We fetch every external $ref and put its content in place. Download as JSON or YAML.

Open tool

Source Map Downloader

Check which JavaScript and CSS files on a page have public source maps (.map files), and download them as a ZIP. Useful for debugging and security checks.

Open tool

Import Map Downloader

Extract the JavaScript import map from any page and save it as importmap.json. See every module name, where it points and its scope.

Open tool

Service Worker Finder

Find the service worker file of any website and download it. See how it is registered and whether it uses offline cache, push or Workbox.

Open tool