Simplify build process by JoviDeCroock · Pull Request #4790 · preactjs/preact

JoviDeCroock · 2025-06-07T06:26:51Z

Summary

This PR replaces the existing microbundle build system with a custom build pipeline using ESBuild, Babel, and Terser. The main goal here is to improve performance as we stopped supporting ES5 and IE11 features in the v11 release.

Changes

🚀 New Build System (`build.mjs`)

ESBuild: Similar to vitest, fast bunlding
Babel: We sadly still need this for property renaming, one of the goals for both vitest and this would be to remove this eventually
Terser: Minification with the same configuration as before
Multi-format output: CommonJS (.js), ES Modules (.mjs), and UMD (.umd.js)

Build time: ~2.3 seconds (down from > 10s)

I hope this doesn't change size semantics and I still need to evaluate which files should stay.

github-actions · 2025-06-07T06:35:17Z

📊 Tachometer Benchmark Results

Summary

⏳ Benchmarks are currently running. Results below are out of date.

duration

create10k: slower ❌ 1% - 1% (5.26ms - 12.51ms)
^{preact-local vs preact-main}
filter-list: unsure 🔍 -2% - +1% (-0.25ms - +0.13ms)
^{preact-local vs preact-main}
hydrate1k: slower ❌ 13% - 17% (8.87ms - 11.86ms)
^{preact-local vs preact-main}
many-updates: faster ✔ 5% - 10% (0.89ms - 1.68ms)
^{preact-local vs preact-main}
replace1k: slower ❌ 23% - 26% (14.35ms - 15.85ms)
^{preact-local vs preact-main}
text-update: unsure 🔍 -5% - +2% (-0.10ms - +0.05ms)
^{preact-local vs preact-main}
todo: slower ❌ 7% - 12% (2.35ms - 3.94ms)
^{preact-local vs preact-main}
update10th1k: slower ❌ 4% - 9% (1.14ms - 2.52ms)
^{preact-local vs preact-main}

usedJSHeapSize

create10k: faster ✔ 1% - 1% (0.10ms - 0.10ms)
^{preact-local vs preact-main}
filter-list: faster ✔ 8% - 9% (0.13ms - 0.13ms)
^{preact-local vs preact-main}
hydrate1k: slower ❌ 13% - 28% (1.02ms - 2.15ms)
^{preact-local vs preact-main}
many-updates: faster ✔ 3% - 3% (0.12ms - 0.13ms)
^{preact-local vs preact-main}
replace1k: faster ✔ 4% - 4% (0.11ms - 0.13ms)
^{preact-local vs preact-main}
text-update: faster ✔ 8% - 12% (0.09ms - 0.14ms)
^{preact-local vs preact-main}
todo: faster ✔ 10% - 11% (0.13ms - 0.13ms)
^{preact-local vs preact-main}
update10th1k: faster ✔ 4% - 4% (0.11ms - 0.12ms)
^{preact-local vs preact-main}

Results

⏳ Benchmarks are currently running. Results below are out of date.

create10k

Browser: chrome-headless
Sample size: 50
Built by: CI #4749
Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	997.40ms - 1001.62ms	-	slower ❌ 1% - 1% 5.26ms - 12.51ms
preact-main	987.68ms - 993.57ms	faster ✔ 1% - 1% 5.26ms - 12.51ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	19.08ms - 19.08ms	-	faster ✔ 1% - 1% 0.10ms - 0.10ms
preact-main	19.18ms - 19.18ms	slower ❌ 1% - 1% 0.10ms - 0.10ms	-

filter-list

Browser: chrome-headless
Sample size: 50
Built by: CI #4749
Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	16.56ms - 16.61ms	-	unsure 🔍 -2% - +1% -0.25ms - +0.13ms
preact-main	16.46ms - 16.83ms	unsure 🔍 -1% - +2% -0.13ms - +0.25ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	1.40ms - 1.40ms	-	faster ✔ 8% - 9% 0.13ms - 0.13ms
preact-main	1.53ms - 1.54ms	slower ❌ 9% - 10% 0.13ms - 0.13ms	-

hydrate1k

Browser: chrome-headless
Sample size: 50
Built by: CI #4749
Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	78.50ms - 80.30ms	-	slower ❌ 13% - 17% 8.87ms - 11.86ms
preact-main	67.85ms - 70.24ms	faster ✔ 11% - 15% 8.87ms - 11.86ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	8.84ms - 9.79ms	-	slower ❌ 13% - 28% 1.02ms - 2.15ms
preact-main	7.43ms - 8.04ms	faster ✔ 12% - 22% 1.02ms - 2.15ms	-

many-updates

Browser: chrome-headless
Sample size: 80
Built by: CI #4749
Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	14.73ms - 15.51ms	-	faster ✔ 5% - 10% 0.89ms - 1.68ms
preact-main	16.33ms - 16.47ms	slower ❌ 6% - 11% 0.89ms - 1.68ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	3.65ms - 3.65ms	-	faster ✔ 3% - 3% 0.12ms - 0.13ms
preact-main	3.77ms - 3.77ms	slower ❌ 3% - 3% 0.12ms - 0.13ms	-

replace1k

Browser: chrome-headless
Sample size: 100
Built by: CI #4749
Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	76.45ms - 77.30ms	-	slower ❌ 23% - 26% 14.35ms - 15.85ms
preact-main	61.16ms - 62.39ms	faster ✔ 19% - 21% 14.35ms - 15.85ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	2.86ms - 2.88ms	-	faster ✔ 4% - 4% 0.11ms - 0.13ms
preact-main	2.99ms - 2.99ms	slower ❌ 4% - 4% 0.11ms - 0.13ms	-

run-warmup-0

Version	Avg time	vs preact-local	vs preact-main
preact-local	25.65ms - 26.35ms	-	unsure 🔍 -1% - +3% -0.16ms - +0.84ms
preact-main	25.30ms - 26.02ms	unsure 🔍 -3% - +1% -0.84ms - +0.16ms	-

run-warmup-1

Version	Avg time	vs preact-local	vs preact-main
preact-local	33.36ms - 34.61ms	-	unsure 🔍 -1% - +5% -0.18ms - +1.69ms
preact-main	32.53ms - 33.93ms	unsure 🔍 -5% - +1% -1.69ms - +0.18ms	-

run-warmup-2

Version	Avg time	vs preact-local	vs preact-main
preact-local	32.13ms - 33.21ms	-	slower ❌ 12% - 18% 3.51ms - 4.95ms
preact-main	27.97ms - 28.92ms	faster ✔ 11% - 15% 3.51ms - 4.95ms	-

run-warmup-3

Version	Avg time	vs preact-local	vs preact-main
preact-local	26.39ms - 27.48ms	-	slower ❌ 0% - 5% 0.02ms - 1.43ms
preact-main	25.76ms - 26.66ms	faster ✔ 0% - 5% 0.02ms - 1.43ms	-

run-warmup-4

Version	Avg time	vs preact-local	vs preact-main
preact-local	20.88ms - 21.29ms	-	faster ✔ 3% - 8% 0.59ms - 1.85ms
preact-main	21.71ms - 22.90ms	slower ❌ 3% - 9% 0.59ms - 1.85ms	-

run-final

Version	Avg time	vs preact-local	vs preact-main
preact-local	24.27ms - 24.72ms	-	slower ❌ 16% - 21% 3.42ms - 4.34ms
preact-main	20.21ms - 21.02ms	faster ✔ 14% - 18% 3.42ms - 4.34ms	-

text-update

Browser: chrome-headless
Sample size: 190
Built by: CI #4749
Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	2.05ms - 2.13ms	-	unsure 🔍 -5% - +2% -0.10ms - +0.05ms
preact-main	2.06ms - 2.18ms	unsure 🔍 -2% - +5% -0.05ms - +0.10ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	1.04ms - 1.07ms	-	faster ✔ 8% - 12% 0.09ms - 0.14ms
preact-main	1.15ms - 1.19ms	slower ❌ 8% - 13% 0.09ms - 0.14ms	-

todo

Browser: chrome-headless
Sample size: 50
Built by: CI #4749
Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	34.76ms - 36.34ms	-	slower ❌ 7% - 12% 2.35ms - 3.94ms
preact-main	32.29ms - 32.53ms	faster ✔ 7% - 11% 2.35ms - 3.94ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	1.11ms - 1.11ms	-	faster ✔ 10% - 11% 0.13ms - 0.13ms
preact-main	1.24ms - 1.24ms	slower ❌ 12% - 12% 0.13ms - 0.13ms	-

update10th1k

Browser: chrome-headless
Sample size: 140
Built by: CI #4749
Commit: 5c8b629

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	29.39ms - 30.45ms	-	slower ❌ 4% - 9% 1.14ms - 2.52ms
preact-main	27.64ms - 28.54ms	faster ✔ 4% - 8% 1.14ms - 2.52ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	2.82ms - 2.83ms	-	faster ✔ 4% - 4% 0.11ms - 0.12ms
preact-main	2.94ms - 2.94ms	slower ❌ 4% - 4% 0.11ms - 0.12ms	-

_{tachometer-reporter-action v2 for CI}

github-actions · 2025-06-07T06:35:55Z

Size Change: +4.65 kB (+7.26%) 🔍

Total Size: 68.7 kB

Filename	Size	Change
`compat/dist/compat.js`	4.48 kB	+704 B (+18.63%)	⚠️
`compat/dist/compat.mjs`	3.69 kB	+1 B (+0.03%)
`compat/dist/compat.umd.js`	4.08 kB	+244 B (+6.37%)	🔍
`debug/dist/debug.js`	4.35 kB	+497 B (+12.9%)	⚠️
`debug/dist/debug.mjs`	3.79 kB	-60 B (-1.56%)
`debug/dist/debug.umd.js`	4.12 kB	+184 B (+4.67%)	🔍
`devtools/dist/devtools.js`	565 B	+305 B (+117.31%)	🆘
`devtools/dist/devtools.mjs`	254 B	-17 B (-6.27%)	✅
`devtools/dist/devtools.umd.js`	590 B	+244 B (+70.52%)	🆘
`dist/preact.js`	5.34 kB	+692 B (+14.89%)	⚠️
`dist/preact.mjs`	4.54 kB	-121 B (-2.59%)
`dist/preact.umd.js`	4.85 kB	+131 B (+2.77%)
`hooks/dist/hooks.js`	2.14 kB	+624 B (+41.16%)	🚨
`hooks/dist/hooks.mjs`	1.48 kB	-56 B (-3.64%)
`hooks/dist/hooks.umd.js`	1.86 kB	+273 B (+17.25%)	⚠️
`jsx-runtime/dist/jsxRuntime.js`	1.16 kB	+295 B (+34.26%)	🚨
`jsx-runtime/dist/jsxRuntime.mjs`	798 B	-32 B (-3.86%)
`jsx-runtime/dist/jsxRuntime.umd.js`	1.13 kB	+192 B (+20.56%)	🚨
`test-utils/dist/testUtils.js`	787 B	+314 B (+66.38%)	🆘
`test-utils/dist/testUtils.mjs`	455 B	-18 B (-3.81%)
`test-utils/dist/testUtils.umd.js`	809 B	+254 B (+45.77%)	🚨

ℹ️ View Unchanged

Filename	Size
`compat/dist/compat.min.js`	4.08 kB
`debug/dist/debug.min.js`	4.12 kB
`devtools/dist/devtools.min.js`	590 B
`dist/preact.min.js`	4.85 kB
`hooks/dist/hooks.min.js`	1.86 kB
`jsx-runtime/dist/jsxRuntime.min.js`	1.13 kB
`test-utils/dist/testUtils.min.js`	809 B

_{compressed-size-action}

JoviDeCroock force-pushed the simplify-build branch 2 times, most recently from 049b05b to 5c8b629 Compare June 7, 2025 06:34

JoviDeCroock force-pushed the simplify-build branch 7 times, most recently from 64a64ce to ed1378f Compare June 7, 2025 07:52

Simplify build process

65d8ddc

JoviDeCroock force-pushed the simplify-build branch from ed1378f to 65d8ddc Compare June 7, 2025 07:59

JoviDeCroock marked this pull request as draft June 7, 2025 09:18

Uh oh!

Conversation

JoviDeCroock commented Jun 7, 2025

Summary

Changes

🚀 New Build System (build.mjs)

Uh oh!

github-actions bot commented Jun 7, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

📊 Tachometer Benchmark Results

Summary

duration

usedJSHeapSize

Results

duration

usedJSHeapSize

duration

usedJSHeapSize

duration

usedJSHeapSize

duration

usedJSHeapSize

duration

usedJSHeapSize

run-warmup-0

run-warmup-1

run-warmup-2

run-warmup-3

run-warmup-4

run-final

duration

usedJSHeapSize

duration

usedJSHeapSize

duration

usedJSHeapSize

Uh oh!

github-actions bot commented Jun 7, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

🚀 New Build System (`build.mjs`)

github-actions bot commented Jun 7, 2025 •

edited

Loading

github-actions bot commented Jun 7, 2025 •

edited

Loading