Import Cost & Bundle Size

Import Cost shows a minified and gzip footprint beside JavaScript and TypeScript imports. It runs on your computer with installed dependencies.

Free

• Inline sizes for JavaScript, JSX, TypeScript and TSX imports, shown after the import line
• Node built-ins such as fs, net and node:tls get no size; Node packages that use them are still measured
• No account, telemetry or extension network calls
• Skips packages over the 5 MB source limit by default
• The same source files stay untouched

Zovo Pro tools

Zovo Pro: USD 19 once covers these project workflows.

• Project report with each installed package's minified and gzip size
• A project gzip budget saved as JSON for CI
• A branch diff that compares imports in changed files with main

Each Pro tool has 3 free tries. Run them from the Command Palette, or right-click package.json or a script file in the Explorer and pick a Zovo Pro entry. The importCost.showProTools setting hides those entries. The report is based on your current dependency tree. A branch comparison uses the dependencies installed in this workspace for both versions.

Use it

Open a JavaScript or TypeScript file after installing its dependencies. Inline sizes appear at the end of each package import line. A package that isn't installed shows install to measure. Run Import Cost: Project Report to see a full list. Run Import Cost: Set Size Budget to set a gzip threshold and save a JSON result for CI.

Limits

The budget JSON includes passed, complete, and per-package sizes. It checks the dependencies installed in this workspace. Sizes keep a package's exported API in the estimate, so a production bundler may remove more code. The scanner reads static import and direct require() calls, not dynamic imports, custom aliases or bundler plugins. The branch diff compares committed file changes between main and HEAD; uncommitted edits aren’t included. It doesn’t run your production bundler or reproduce a separate lockfile from main.

Support Zovo

Zovo Pro: USD 19 once, every Zovo viewer. Get Zovo Pro on GitHub Sponsors to turn on the Pro tools in this extension and in the other Zovo extensions you use. The free features stay free.

Zovo extensions have no ads and no tracking. They are made by theluckystrike on GitHub. You can also support the work with no Pro:

• Sponsor on GitHub
• PayPal
• Follow theluckystrike on GitHub

Need your format supported?

Open a format request with a sample file, and I reply there whether it can be done. For USD 299 once, through this GitHub Sponsors tier, I add your file format or a missing feature to this extension, with tests, within 7 days.

More tools by Zovo

• JavaScript Playground & TypeScript Scratchpad with Inline Values (Live JS and TS Runner) shows the value of each line of JavaScript or TypeScript as you type.
• Regex Preview & Regex Tester (Railroad Diagram Visualizer, Groups) tests a regex from your code against sample text, with capture groups.
• Code Screenshot & Code Snapshot (Copy Code as Image, PNG/SVG) copies the selected code as a PNG in your editor theme.
• Run C++ and C Code: One-Click Compile with GCC, G++, Clang (CPP Runner, Input Panel) compiles and runs the current C or C++ file with gcc or clang.
• Tag Auto Rename & Close Tag Sync (Matching Tag Highlight, JSX, Vue) renames and closes the matching tag as you type in HTML, JSX and Vue.

See all Zovo extensions on the Marketplace.

License

MIT