Skip to content

perf(javascript): build inline's flattening helpers once, not per call - #22493

Merged
alexander-akait merged 1 commit into
mainfrom
perf/minify-inline-call-state
Oct 7, 2026
Merged

alexander-akait merged 1 commit into
mainfrom
perf/minify-inline-call-state

Conversation

@alexander-akait

@alexander-akait alexander-akait commented Oct 7, 2026 •

Copy link
Copy Markdown
Member

Summary

inlineIntoCall decides for every call whether the function called flattens into the scope around the call. It did so through ten inner functions and an arrow built on each call: 79,798 times per minify of typescript.js, 42 MB.

The helpers are now module-level functions handed one InlineState holding what they read (the call, the compressor, the function, the scope found and the loop state). Nothing a helper reads runs the optimizer, so no call's decision runs inside another's, and a single state serves every call; it is let go of once the decision is made, before the flattened call is optimized. The arguments.every(arrow) test for a spread became a loop.

Second of the per-call allocation sites named in the plan, after #22492.

Before / after against main:

Measure main This PR
Allocated, one minify of typescript.js (V8 heap sampling) 1,444 MB 1,397 MB (−3.3%)
Allocated, one minify of lodash.js 52.3 MB 52.3 MB
CPU, lodash passes:2 (callgrind, CodSpeed flags, warm) 8,009.2 M 8,004.2 M (−0.1%)
CPU, lodash passes:2 (callgrind, CodSpeed flags, cold) 8,608.2 M 8,588.2 M (−0.2%)

lodash gains nothing: with toplevel off, nothing in it inlines at the top level. Output is byte-identical to main: lodash, acorn and typescript.js under three option sets (default, passes:2 + toplevel + unsafe, unused: "keep_assign"), and the terser, swc and oxc corpora (467,874 comparisons, 0 mismatches).

What kind of change does this PR introduce?

perf

Did you add tests for your changes?

No new tests: output does not change, and the existing inline tests cover every helper moved.

Does this PR introduce a breaking change?

No.

If relevant, what needs to be documented once your changes are merged or what have you already documented?

n/a

Use of AI

Written with Claude Code: it profiled the minifier's allocations, made the change, checked output against main and measured allocation and CPU. The author reviews every commit.

🤖 Generated with Claude Code

https://claude.ai/code/session_01Tgxgyb4N35ndP6cC4KcrXC


Generated by Claude Code

Summary by CodeRabbit

  • Refactor
    • Updated internal handling of call inlining while preserving existing flattening checks and expression behavior.
    • Spread arguments continue to be checked before flattening.

inlineIntoCall built ten closures and an arrow for every call it looked
at, 79,798 times per minify of typescript.js, to decide whether the
called function flattens into the scope around the call. The helpers
are now module-level functions handed one state object, which nothing
they read optimizes through, so a single one serves every call.
@changeset-bot

changeset-bot Bot commented Oct 7, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: ef719f2

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@github-actions github-actions Bot added the area: parser JavaScript parsing and dependency analysis (lib/javascript, lib/dependencies) label Oct 7, 2026
@github-actions

github-actions Bot commented Oct 7, 2026 •

Copy link
Copy Markdown
Contributor

This PR is packaged and the instant preview is available (159dfbf).

Install it locally:

  • npm
npm i -D webpack@https://pkg.pr.new/webpack@159dfbf
  • yarn
yarn add -D webpack@https://pkg.pr.new/webpack@159dfbf
  • pnpm
pnpm add -D webpack@https://pkg.pr.new/webpack@159dfbf

@coderabbitai

coderabbitai Bot commented Oct 7, 2026 •

Copy link
Copy Markdown
Contributor

Review in Change Stack →

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration
  • Configuration used: Repository: webpack/webpack/.coderabbit.yaml
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: eda38dac-04cc-41a6-ada0-da11bf7aa0bd
📥 Commits

Reviewing files that changed from the base of the PR and between c47682f and ef719f2.

📒 Files selected for processing (1)
  • lib/javascript/syntax-printer.js

Included review availability: This review used your included allowance. Your plan provides up to 10 included reviews per hour; 5 remain after this review.


📝 Walkthrough

Walkthrough

inlineIntoCall now uses module-scoped helpers and shared InlineState for flattening checks and expression construction. It releases the state after successful flattening or when the flattening guard fails.

Changes

Call flattening

Layer / File(s) Summary
Shared flattening helpers
lib/javascript/syntax-printer.js
Module-scoped helpers check spread arguments, flattenable bodies, parameter and variable injection, scope and loop conditions, and construct flattened expressions.
Call-site integration
lib/javascript/syntax-printer.js
inlineIntoCall initializes and passes shared state, checks injection and context conditions, then releases the state after success or failure.

Suggested labels: area: parser

Suggested reviewers: aryanraj45

Priority: ⬇️ Low

Change: Refactor

Merge Risk: ⚪ Minimal · up to ef719

The shared-state change has no identified merge-blocking issue. It is ready to merge after normal checks.

🚥 Pre-merge checks | ✅ 4
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title uses the required perf(scope): subject form and accurately describes moving the flattening helpers out of per-call creation.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
  • Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Warning

Some tools did not complete. Review the errors below.

🔧 ast-grep (0.45.3)
lib/javascript/syntax-printer.js

ast-grep timed out on this file


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actions

github-actions Bot commented Oct 7, 2026

Copy link
Copy Markdown
Contributor

Types Coverage

Coverage after merging perf/minify-inline-call-state into main will be
97.32%
Coverage Report
FileStmtsBranchesFuncsLinesUncovered Lines
bin
   webpack.js98.82%100%100%98.82%103
declarations
   WebpackOptions.ts99.94%100%100%99.94%4183
examples
   build-common.js100%100%100%100%
   buildAll.js100%100%100%100%
   examples.js100%100%100%100%
   template-common.js98.21%100%100%98.21%72
examples/custom-javascript-parser
   test.filter.js100%100%100%100%
examples/custom-javascript-parser/internals
   acorn-parse.js100%100%100%100%
   meriyah-parse.js100%100%100%100%
   oxc-parse.js100%100%100%100%
examples/markdown
   webpack.config.mjs100%100%100%100%
examples/module-federation
   test.filter.js100%100%100%100%
examples/reexport-components
   test.filter.js100%100%100%100%
examples/ssr
   test.filter.js100%100%100%100%
examples/typescript
   test.filter.js100%100%100%100%
examples/typescript-non-erasable
   test.filter.js50%100%100%50%5
examples/virtual-modules
   test.filter.js100%100%100%100%
examples/wasm-bindgen-esm
   test.filter.js100%100%100%100%
examples/wasm-complex
   test.filter.js100%100%100%100%
examples/wasm-emscripten
   test.filter.js100%100%100%100%
examples/wasm-simple
   test.filter.js100%100%100%100%
examples/wasm-simple-source-phase
   test.filter.js100%100%100%100%
lib
   Chunk.js100%100%100%100%
   Compilation.js98.60%100%100%98.60%1757, 2078, 2085, 2093, 2115, 2118, 23, 3075, 3578–3579, 3611, 4200, 4204, 4331, 4352, 4477, 4514, 4521, 4574–4575, 4579, 4584, 4600–4601, 4615–4616, 4621–4622, 5145, 5171, 6001, 6018, 6036, 6052, 6067, 6092, 6095, 6463, 6466–6467, 6472, 6487, 6570, 6594, 6708, 837–838
   Compiler.js98.81%100%100%98.81%1116, 1153, 1156, 1336–1337, 1345, 848, 934, 975
   Dependency.js100%100%100%100%
   DependencyTemplate.js100%100%100%100%
   EntryPlugin.js100%100%100%100%
   Entrypoint.js100%100%100%100%
   ExternalsPlugin.js100%100%100%100%
   FileSystemInfo.js100%100%100%100%
   InitFragment.js100%100%100%100%
   LibraryTemplatePlugin.js100%100%100%100%
   ModuleFilenameHelpers.js100%100%100%100%
   ModuleNotFoundError.js100%100%100%100%
   MultiCompiler.js98.88%100%100%98.88%460, 532, 719, 784
   NormalModule.js100%100%100%100%
   NullFactory.js100%100%100%100%
   ProgressPlugin.js100%100%100%100%
   RawModule.js100%100%100%100%
   RequestShortener.js100%100%100%100%
   SingleEntryPlugin.js100%100%100%100%
   WebpackError.js100%100%100%100%
   index.js99.78%100%100%99.78%206
   webpack.js97.84%100%100%97.84%278, 300, 302
lib/asset
   AssetBytesGenerator.js100%100%100%100%
   AssetBytesParser.js100%100%100%100%
   AssetGenerator.js100%100%100%100%
   AssetModule.js100%100%100%100%
   AssetModulesPlugin.js98.15%100%100%98.15%338, 362, 365, 495, 57, 62
   AssetParser.js100%100%100%100%
   AssetSourceGenerator.js100%100%100%100%
   AssetSourceParser.js100%100%100%100%
   RawDataUrlModule.js100%100%100%100%
   WebManifestGenerator.js100%100%100%100%
   WebManifestParser.js100%100%100%100%
lib/async-modules
   AsyncModuleHelpers.js100%100%100%100%
   AwaitDependenciesInitFragment.js100%100%100%100%
   InferAsyncModulesPlugin.js100%100%100%100%
   isGeneratorLowered.js100%100%100%100%
lib/bun
   BunTargetPlugin.js100%100%100%100%
lib/cache
   AddBuildDependenciesPlugin.js100%100%100%100%
   AddManagedPathsPlugin.js100%100%100%100%
   Cache.js96.49%100%100%96.49%10, 104
   CacheFacade.js100%100%100%100%
   IdleFileCachePlugin.js97.92%100%100%97.92%75, 87, 95
   MemoryCachePlugin.js92%100%100%92%33, 42
   MemoryWithGcCachePlugin.js93.42%100%100%93.42%106, 120–121, 130, 88
   PackFileCacheStrategy.js96.54%100%100%96.54%1304, 1404, 1408, 1470, 1716, 1800, 1823, 1853, 682, 701, 711–713, 715, 731–732, 737, 740, 742, 747, 752, 777, 783, 817, 823, 829, 834, 845, 854, 859–860, 862, 879, 885–886, 888
   ResolverCachePlugin.js100%100%100%100%
   getLazyHashedEtag.js100%100%100%100%
   mergeEtags.js100%100%100%100%
lib/config
   OptionsApply.js100%100%100%100%
   PlatformPlugin.js100%100%100%100%
   WebpackOptionsApply.js100%100%100%100%
   WebpackOptionsDefaulter.js100%100%100%100%
   browserslistTargetHandler.js100%100%100%100%
   cli.js98.61%100%100%98.61%116, 546, 578, 628, 9
   defaults.js99.44%100%100%99.44%1623–1625, 1633, 283, 286, 291, 295
   defineConfig.js100%100%100%100%
   getClaimedAssetTypes.js100%100%100%100%
   normalization.js99.12%100%100%99.12%279–280, 346, 361
   target.js100%100%100%100%
   validateSchema.js94.67%100%100%94.67%100, 87, 89, 98
lib/container
   ContainerEntryDependency.js100%100%100%100%
   ContainerEntryModule.js100%100%100%100%
   ContainerEntryModuleFactory.js100%100%100%100%
   ContainerExposedDependency.js100%100%100%100%
   ContainerPlugin.js100%100%100%100%
   ContainerReferencePlugin.js100%100%100%100%
   FallbackDependency.js100%100%100%100%
   FallbackItemDependency.js100%100%100%100%
   FallbackModule.js100%100%100%100%
   FallbackModuleFactory.js100%100%100%100%
   HoistContainerReferencesPlugin.js100%100%100%100%
   ModuleFederationPlugin.js100%100%100%100%
   RemoteModule.js100%100%100%100%
   RemoteRuntimeModule.js100%100%100%100%
   RemoteToExternalDependency.js100%100%100%100%
   declaredRemotes.js100%100%100%100%
   moduleFederationHooks.js100%100%100%100%
   options.js100%100%100%100%
lib/context
   ContextExclusionPlugin.js100%100%100%100%
   ContextModule.js99.88%100%100%99.88%1494
   ContextModuleFactory.js95.66%100%100%95.66%230, 257, 276, 280–281, 289, 465, 486, 491, 532, 541, 543, 547, 550, 556–557
   ContextReplacementPlugin.js100%100%100%100%
lib/css
   CssGenerator.js99.47%100%100%99.47%1085, 136, 842
   CssInjectStyleRuntimeModule.js100%100%100%100%
   CssLoadingRuntimeModule.js100%100%100%100%
   CssModule.js83.16%100%100%83.16%197, 202–210, 212–217
   CssModulesPlugin.js99.86%100%100%99.86%886
   CssParser.js99.48%100%100%99.48%1034, 1065, 2396, 24, 3043, 3046, 3052, 3093, 3096, 3135, 3138, 3475, 5041, 5044, 918
   CssServerStylesRuntimeModule.js100%100%100%100%
   conventions.js98.65%100%100%98.65%93
   cssMinify.js97.44%100%100%97.44%158, 167
   data.js99.84%100%100%99.84%229, 4203
   syntax-parser.js99.65%100%100%99.65%10456–10457, 10494, 10689, 10735, 12536–12539, 12639–12640, 12734–12735, 13308, 13933, 14299, 16168, 2430, 3129, 3131, 3136, 3155, 3900, 3906, 7345, 7383, 7390, 9921–9922
   syntax-printer.js99.27%100%100%99.27%2385–2386, 2388–2389, 2391–2392, 2397, 2664–2667, 2760, 3397, 3653, 3786, 3895, 4510, 4770, 5559, 662
   syntax.js100%100%100%100%
   topologicalSort.js100%100%100%100%
lib/debug
   ProfilingPlugin.js96.22%100%100%96.22%169, 425, 554, 561, 570, 574, 583, 588, 594, 599, 92
lib/define
   DefinePlugin.js98.85%100%100%98.85%1495, 268–269, 285, 304, 378, 936, 938, 943, 967
   DotenvPlugin.js98.07%100%100%98.07%391, 439, 452–453
   EnvironmentPlugin.js97.14%100%100%97.14%49
lib/deno
   DenoTargetPlugin.js100%100%100%100%
lib/dependencies
   ConstDependency.js100%100%100%100%
   ContextElementDependency.js100%100%100%100%
   NullDependency.js100%100%100%100%
lib/dependencies/amd
   AMDDefineDependency.js100%100%100%100%
   AMDDefineDependencyParserPlugin.js100%100%100%100%
   AMDPlugin.js99.31%100%100%99.31%54
   AMDRequireArrayDependency.js100%100%100%100%
   AMDRequireContextDependency.js100%100%100%100%
   AMDRequireDependenciesBlock.js100%100%100%100%
   AMDRequireDependenciesBlockParserPlugin.js100%100%100%100%
   AMDRequir

…truncated

@github-actions

github-actions Bot commented Oct 7, 2026

Copy link
Copy Markdown
Contributor

Generated code size

Comparing base (c47682f) to head (ef719f2). Merging this pull request will not change the code webpack generates.

What moved Tests Assets Gzip Raw Test edit
Changed, test untouched 0 0 — — —
Changed, test edited 0 0 — — —
New 0 0 — — —
Deleted 0 0 — — —
Unchanged — 8433 — — —

Read Changed, test untouched first: the test is byte-identical on both sides, so webpack generated the difference. Changed, test edited moved partly because the test did — Test edit is how many bytes the test gained, and a bundle that grew by less is not a regression. New and Deleted are whole files, not deltas — a new asset was created, not grown, so it reads gray (⚪ added) — and adding tests cannot bury a real change. Gzip decides, because that is what users download; raw is the tiebreak, and brotli and zstd are per asset below.

No asset changed size.

No runtime gained or lost a runtime module.

Built test/configCases with the defaults a user gets: 2337 test(s), 8433 asset(s), 100 emitted nothing.

@codecov

codecov Bot commented Oct 7, 2026 •

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 96.07%. Comparing base (ab4d0e6) to head (ef719f2).
⚠️ Report is 3 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main   #22493   +/-   ##
=======================================
  Coverage   96.07%   96.07%           
=======================================
  Files         773      773           
  Lines      124097   124172   +75     
  Branches    40579    40608   +29     
=======================================
+ Hits       119222   119301   +79     
+ Misses       4875     4871    -4     
Flag Coverage Δ
css-parsing 25.18% <ø> (ø)
html5lib 26.96% <ø> (ø)
integration 82.84% <ø> (+<0.01%) ⬆️
minify-corpora 77.77% <100.00%> (+0.04%) ⬆️
syntax-equivalence 79.39% <ø> (ø)
test262 56.26% <84.39%> (+0.03%) ⬆️
unit 74.21% <96.09%> (+0.04%) ⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@codspeed

codspeed Bot commented Oct 7, 2026

Copy link
Copy Markdown

Merging this PR will improve performance by 26.84%

⚡ 1 improved benchmark
✅ 405 untouched benchmarks
⏩ 6 skipped benchmarks1

Performance Changes

Mode Benchmark BASE HEAD Efficiency
⚡ Memory benchmark "many-modules-interop-runtime", scenario '{"name":"mode-production","mode":"production"}', measure 'exec' 20.8 KB 16.4 KB +26.84%

Tip

Curious why performance improved? Comment @codspeedbot explain why performance improved on this PR, or directly use the CodSpeed MCP with your agent.


Comparing perf/minify-inline-call-state (ef719f2) with main (c47682f)

Open in CodSpeed

Footnotes

  1. 6 benchmarks were skipped, so the baseline results were used instead. If they were deleted from the codebase, click here and archive them to remove them from the performance reports. ↩

@alexander-akait
alexander-akait enabled auto-merge (squash) October 7, 2026 04:58
@alexander-akait
alexander-akait merged commit 159dfbf into main Oct 7, 2026
71 checks passed
@alexander-akait
alexander-akait deleted the perf/minify-inline-call-state branch October 7, 2026 04:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: parser JavaScript parsing and dependency analysis (lib/javascript, lib/dependencies)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant