Optimizations 1

[developit]

trafficstars

• Always pass parameter values to internal functions
• Rename internal.rerender() to internal.render() (gzip optimizations, since "render" already appears in source)
• Turn enqueueRender() into the implementation of internal.render()
  • It now uses this to access the Internal instance to be enqueued.
  • Every place that was accessing enqueueRender() is now instead calling internal.render(), which removes the direct dependency on that function and improves tree-shaking
  • Component no longer accesses the renderer, and the renderer no longer accesses Component (yay!)
• slight simplification for createContext to reduce size
• Allow passing an existing root Internal to createRoot()
  • simplifies the implementation of our render() and hydrate() exported functions
• Rename the functions and render queue to reflect what they do
  • rerenderQueue --> renderQueue (not always repeated renders, also I type "rerender" wrong every time)
  • process() --> processRenderQueue()
• Remove createVNode() and use createElement() everywhere instead
  • we still get the single-callsite benefit from createVNode because we're always using one function to allocate VNodes
  • createElement has a fast-path optimization for 3 or fewer arguments that we always hit in internal usage
• minify .flags to .f (-23b)

[github-actions[bot]]

📊 Tachometer Benchmark Results

Summary

duration

• 02_replace1k: unsure 🔍 -1% - +1% (-0.73ms - +0.69ms)
  ^{preact-local vs preact-master}
• 03_update10th1k_x16: unsure 🔍 -3% - +3% (-2.79ms - +2.78ms)
  ^{preact-local vs preact-master}
• 07_create10k: unsure 🔍 -1% - +1% (-7.52ms - +5.74ms)
  ^{preact-local vs preact-master}
• filter_list: unsure 🔍 -2% - +1% (-3.61ms - +1.53ms)
  ^{preact-local vs preact-master}
• hydrate1k: unsure 🔍 -3% - +0% (-2.48ms - +0.38ms)
  ^{preact-local vs preact-master}
• many_updates: unsure 🔍 -2% - +3% (-2.93ms - +3.44ms)
  ^{preact-local vs preact-master}
• text_update: unsure 🔍 -0% - +3% (-0.19ms - +2.32ms)
  ^{preact-local vs preact-master}
• todo: unsure 🔍 -2% - +1% (-1.15ms - +0.56ms)
  ^{preact-local vs preact-master}

usedJSHeapSize

• 02_replace1k: slower ❌ 1% - 1% (0.04ms - 0.06ms)
  ^{preact-local vs preact-master}
• 03_update10th1k_x16: slower ❌ 1% - 1% (0.04ms - 0.05ms)
  ^{preact-local vs preact-master}
• 07_create10k: slower ❌ 2% - 2% (0.44ms - 0.44ms)
  ^{preact-local vs preact-master}
• filter_list: unsure 🔍 -1% - +3% (-0.01ms - +0.05ms)
  ^{preact-local vs preact-master}
• hydrate1k: slower ❌ 1% - 1% (0.09ms - 0.09ms)
  ^{preact-local vs preact-master}
• many_updates: slower ❌ 0% - 2% (0.03ms - 0.09ms)
  ^{preact-local vs preact-master}
• text_update: slower ❌ 6% - 9% (0.06ms - 0.09ms)
  ^{preact-local vs preact-master}
• todo: unsure 🔍 -2% - +1% (-0.02ms - +0.01ms)
  ^{preact-local vs preact-master}

Results

02_replace1k

• Browser: chrome-headless 96.0.4664.110
• Sample size: 80
• Built by: Benchmarks #612

• Commit: 6d7f441

duration

Version	Avg time	vs preact-master	vs preact-local
preact-master	103.58ms - 104.82ms	-	unsure 🔍 -1% - +1% -0.69ms - +0.73ms
preact-local	103.84ms - 104.52ms	unsure 🔍 -1% - +1% -0.73ms - +0.69ms	-

usedJSHeapSize

Version	Avg time	vs preact-master	vs preact-local
preact-master	4.01ms - 4.02ms	-	faster ✔ 1% - 1% 0.04ms - 0.06ms
preact-local	4.06ms - 4.07ms	slower ❌ 1% - 1% 0.04ms - 0.06ms	-

run-warmup-0

Version	Avg time	vs preact-master	vs preact-local
preact-master	48.47ms - 49.17ms	-	unsure 🔍 -2% - +0% -0.83ms - +0.10ms
preact-local	48.88ms - 49.50ms	unsure 🔍 -0% - +2% -0.10ms - +0.83ms	-

run-warmup-1

Version	Avg time	vs preact-master	vs preact-local
preact-master	58.79ms - 60.61ms	-	unsure 🔍 -1% - +3% -0.70ms - +2.01ms
preact-local	58.04ms - 60.05ms	unsure 🔍 -3% - +1% -2.01ms - +0.70ms	-

run-warmup-2

Version	Avg time	vs preact-master	vs preact-local
preact-master	52.02ms - 52.73ms	-	unsure 🔍 -0% - +2% -0.01ms - +1.00ms
preact-local	51.52ms - 52.24ms	unsure 🔍 -2% - +0% -1.00ms - +0.01ms	-

run-warmup-3

Version	Avg time	vs preact-master	vs preact-local
preact-master	40.81ms - 41.80ms	-	faster ✔ 2% - 5% 0.65ms - 2.25ms
preact-local	42.12ms - 43.38ms	slower ❌ 2% - 5% 0.65ms - 2.25ms	-

run-warmup-4

Version	Avg time	vs preact-master	vs preact-local
preact-master	53.45ms - 55.90ms	-	unsure 🔍 -2% - +4% -1.35ms - +1.92ms
preact-local	53.31ms - 55.47ms	unsure 🔍 -4% - +2% -1.92ms - +1.35ms	-

run-final

Version	Avg time	vs preact-master	vs preact-local
preact-master	103.61ms - 104.85ms	-	unsure 🔍 -1% - +1% -0.67ms - +0.75ms
preact-local	103.85ms - 104.53ms	unsure 🔍 -1% - +1% -0.75ms - +0.67ms	-

03_update10th1k_x16

• Browser: chrome-headless 96.0.4664.110
• Sample size: 50
• Built by: Benchmarks #612

• Commit: 6d7f441

duration

Version	Avg time	vs preact-master	vs preact-local
preact-master	97.73ms - 101.73ms	-	unsure 🔍 -3% - +3% -2.78ms - +2.79ms
preact-local	97.79ms - 101.66ms	unsure 🔍 -3% - +3% -2.79ms - +2.78ms	-

usedJSHeapSize

Version	Avg time	vs preact-master	vs preact-local
preact-master	4.00ms - 4.01ms	-	faster ✔ 1% - 1% 0.04ms - 0.05ms
preact-local	4.04ms - 4.05ms	slower ❌ 1% - 1% 0.04ms - 0.05ms	-

07_create10k

• Browser: chrome-headless 96.0.4664.110
• Sample size: 50
• Built by: Benchmarks #612

• Commit: 6d7f441

duration

Version	Avg time	vs preact-master	vs preact-local
preact-master	1136.05ms - 1145.61ms	-	unsure 🔍 -1% - +1% -5.74ms - +7.52ms
preact-local	1135.35ms - 1144.54ms	unsure 🔍 -1% - +1% -7.52ms - +5.74ms	-

usedJSHeapSize

Version	Avg time	vs preact-master	vs preact-local
preact-master	28.95ms - 28.96ms	-	faster ✔ 1% - 2% 0.44ms - 0.44ms
preact-local	29.40ms - 29.40ms	slower ❌ 2% - 2% 0.44ms - 0.44ms	-

filter_list

• Browser: chrome-headless 96.0.4664.110
• Sample size: 50
• Built by: Benchmarks #612

• Commit: 6d7f441

duration

Version	Avg time	vs preact-master	vs preact-local
preact-master	169.23ms - 172.39ms	-	unsure 🔍 -1% - +2% -1.53ms - +3.61ms
preact-local	167.74ms - 171.80ms	unsure 🔍 -2% - +1% -3.61ms - +1.53ms	-

usedJSHeapSize

Version	Avg time	vs preact-master	vs preact-local
preact-master	1.87ms - 1.91ms	-	unsure 🔍 -2% - +1% -0.05ms - +0.01ms
preact-local	1.88ms - 1.93ms	unsure 🔍 -1% - +3% -0.01ms - +0.05ms	-

hydrate1k

• Browser: chrome-headless 96.0.4664.110
• Sample size: 50
• Built by: Benchmarks #612

• Commit: 6d7f441

duration

Version	Avg time	vs preact-master	vs preact-local
preact-master	76.37ms - 78.65ms	-	unsure 🔍 -1% - +3% -0.38ms - +2.48ms
preact-local	75.59ms - 77.33ms	unsure 🔍 -3% - +0% -2.48ms - +0.38ms	-

usedJSHeapSize

Version	Avg time	vs preact-master	vs preact-local
preact-master	6.73ms - 6.73ms	-	faster ✔ 1% - 1% 0.09ms - 0.09ms
preact-local	6.82ms - 6.83ms	slower ❌ 1% - 1% 0.09ms - 0.09ms	-

many_updates

• Browser: chrome-headless 96.0.4664.110
• Sample size: 50
• Built by: Benchmarks #612

• Commit: 6d7f441

duration

Version	Avg time	vs preact-master	vs preact-local
preact-master	131.78ms - 136.16ms	-	unsure 🔍 -3% - +2% -3.44ms - +2.93ms
preact-local	131.92ms - 136.53ms	unsure 🔍 -2% - +3% -2.93ms - +3.44ms	-

usedJSHeapSize

Version	Avg time	vs preact-master	vs preact-local
preact-master	5.61ms - 5.66ms	-	faster ✔ 0% - 2% 0.03ms - 0.09ms
preact-local	5.67ms - 5.71ms	slower ❌ 0% - 2% 0.03ms - 0.09ms	-

text_update

• Browser: chrome-headless 96.0.4664.110
• Sample size: 120
• Built by: Benchmarks #612

• Commit: 6d7f441

duration

Version	Avg time	vs preact-master	vs preact-local
preact-master	74.20ms - 76.03ms	-	unsure 🔍 -3% - +0% -2.32ms - +0.19ms
preact-local	75.33ms - 77.04ms	unsure 🔍 -0% - +3% -0.19ms - +2.32ms	-

usedJSHeapSize

Version	Avg time	vs preact-master	vs preact-local
preact-master	1.01ms - 1.02ms	-	faster ✔ 5% - 8% 0.06ms - 0.09ms
preact-local	1.07ms - 1.10ms	slower ❌ 6% - 9% 0.06ms - 0.09ms	-

todo

• Browser: chrome-headless 96.0.4664.110
• Sample size: 50
• Built by: Benchmarks #612

• Commit: 6d7f441

duration

Version	Avg time	vs preact-master	vs preact-local
preact-master	48.48ms - 50.13ms	-	unsure 🔍 -1% - +2% -0.56ms - +1.15ms
preact-local	48.79ms - 49.22ms	unsure 🔍 -2% - +1% -1.15ms - +0.56ms	-

usedJSHeapSize

Version	Avg time	vs preact-master	vs preact-local
preact-master	1.04ms - 1.06ms	-	unsure 🔍 -1% - +2% -0.01ms - +0.02ms
preact-local	1.04ms - 1.05ms	unsure 🔍 -2% - +1% -0.02ms - +0.01ms	-

_{tachometer-reporter-action v2 for Benchmarks}

[coveralls]

Coverage decreased (-0.004%) to 99.692% when pulling 6d7f4411580fa22190b4e81a1ec101c5b51e33e2 on wip-optimizations-v11 into 2ce0eaa6d6dd9f3e43d43fbd3fa10fcb4fd07bf5 on main.

[github-actions[bot]]

Size Change: -334 B (1%)

Total Size: 32.4 kB

Filename	Size	Change
compat/dist/compat.js	3.69 kB	-3 B (0%)
compat/dist/compat.umd.js	3.75 kB	-5 B (0%)
debug/dist/debug.js	3.2 kB	-3 B (0%)
debug/dist/debug.umd.js	3.3 kB	-3 B (0%)
dist/preact.js	4.51 kB	-73 B (1%)
dist/preact.min.js	4.55 kB	-72 B (1%)
dist/preact.umd.js	4.61 kB	-70 B (1%)
hooks/dist/hooks.js	1.26 kB	-7 B (0%)
hooks/dist/hooks.umd.js	1.33 kB	-6 B (0%)
jsx-runtime/dist/jsxRuntime.js	296 B	-46 B (15%)	👏
jsx-runtime/dist/jsxRuntime.umd.js	379 B	-46 B (12%)	👏

ℹ️ View Unchanged

Filename	Size	Change
devtools/dist/devtools.js	232 B	0 B
devtools/dist/devtools.umd.js	316 B	0 B
test-utils/dist/testUtils.js	431 B	0 B
test-utils/dist/testUtils.umd.js	516 B	0 B

_{compressed-size-action}