Performance: compat shallowDiffers

[romgrk]

This util is used to compare props. Props are more likely (I'm guessing) to have the same shape from one render to the next. Therefore, it's better to check first if the values differ than if the keys differ.

This benchmark compares 20-keys objects with the same shape for the same-values and different-values cases.

Benchmark: https://github.com/romgrk/js-benchmark/blob/master/benchmarks/object-shallow-compare.js

[github-actions]

📊 Tachometer Benchmark Results

Summary

duration

• create10k: unsure 🔍 -0% - +0% (-3.45ms - +4.64ms)
  ^{preact-local vs preact-main}
• filter-list: unsure 🔍 -1% - +0% (-0.22ms - +0.03ms)
  ^{preact-local vs preact-main}
• hydrate1k: unsure 🔍 -2% - +1% (-1.25ms - +1.03ms)
  ^{preact-local vs preact-main}
• many-updates: unsure 🔍 -2% - +2% (-0.40ms - +0.33ms)
  ^{preact-local vs preact-main}
• replace1k: unsure 🔍 -1% - +1% (-0.80ms - +0.91ms)
  ^{preact-local vs preact-main}
• text-update: unsure 🔍 -3% - +5% (-0.06ms - +0.10ms)
  ^{preact-local vs preact-main}
• todo: unsure 🔍 -2% - +1% (-0.78ms - +0.22ms)
  ^{preact-local vs preact-main}
• update10th1k: unsure 🔍 -4% - +2% (-1.13ms - +0.64ms)
  ^{preact-local vs preact-main}

usedJSHeapSize

• create10k: unsure 🔍 -0% - +0% (-0.00ms - +0.00ms)
  ^{preact-local vs preact-main}
• filter-list: unsure 🔍 -0% - +0% (-0.00ms - +0.00ms)
  ^{preact-local vs preact-main}
• hydrate1k: unsure 🔍 -5% - +4% (-0.36ms - +0.31ms)
  ^{preact-local vs preact-main}
• many-updates: unsure 🔍 -0% - +0% (-0.00ms - +0.00ms)
  ^{preact-local vs preact-main}
• replace1k: unsure 🔍 -0% - +0% (-0.00ms - +0.00ms)
  ^{preact-local vs preact-main}
• text-update: unsure 🔍 -2% - +4% (-0.02ms - +0.05ms)
  ^{preact-local vs preact-main}
• todo: unsure 🔍 -1% - +2% (-0.01ms - +0.02ms)
  ^{preact-local vs preact-main}
• update10th1k: unsure 🔍 -0% - +0% (-0.01ms - +0.00ms)
  ^{preact-local vs preact-main}

Results

create10k

• Browser: chrome-headless
• Sample size: 50
• Built by: CI #4720

• Commit: 4a9b4a4

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	975.08ms - 980.94ms	-	unsure 🔍 -0% - +0% -3.45ms - +4.64ms
preact-main	974.63ms - 980.20ms	unsure 🔍 -0% - +0% -4.64ms - +3.45ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	19.18ms - 19.18ms	-	unsure 🔍 -0% - +0% -0.00ms - +0.00ms
preact-main	19.18ms - 19.18ms	unsure 🔍 -0% - +0% -0.00ms - +0.00ms	-

filter-list

• Browser: chrome-headless
• Sample size: 50
• Built by: CI #4720

• Commit: 4a9b4a4

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	16.51ms - 16.55ms	-	unsure 🔍 -1% - +0% -0.22ms - +0.03ms
preact-main	16.50ms - 16.75ms	unsure 🔍 -0% - +1% -0.03ms - +0.22ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	1.54ms - 1.54ms	-	unsure 🔍 -0% - +0% -0.00ms - +0.00ms
preact-main	1.54ms - 1.54ms	unsure 🔍 -0% - +0% -0.00ms - +0.00ms	-

hydrate1k

• Browser: chrome-headless
• Sample size: 80
• Built by: CI #4720

• Commit: 4a9b4a4

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	71.12ms - 72.76ms	-	unsure 🔍 -2% - +1% -1.25ms - +1.03ms
preact-main	71.26ms - 72.84ms	unsure 🔍 -1% - +2% -1.03ms - +1.25ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	7.50ms - 8.00ms	-	unsure 🔍 -5% - +4% -0.36ms - +0.31ms
preact-main	7.55ms - 8.00ms	unsure 🔍 -4% - +5% -0.31ms - +0.36ms	-

many-updates

• Browser: chrome-headless
• Sample size: 50
• Built by: CI #4720

• Commit: 4a9b4a4

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	16.61ms - 17.11ms	-	unsure 🔍 -2% - +2% -0.40ms - +0.33ms
preact-main	16.63ms - 17.16ms	unsure 🔍 -2% - +2% -0.33ms - +0.40ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	3.77ms - 3.78ms	-	unsure 🔍 -0% - +0% -0.00ms - +0.00ms
preact-main	3.77ms - 3.78ms	unsure 🔍 -0% - +0% -0.00ms - +0.00ms	-

replace1k

• Browser: chrome-headless
• Sample size: 100
• Built by: CI #4720

• Commit: 4a9b4a4

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	62.52ms - 63.77ms	-	unsure 🔍 -1% - +1% -0.80ms - +0.91ms
preact-main	62.51ms - 63.68ms	unsure 🔍 -1% - +1% -0.91ms - +0.80ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	2.98ms - 2.99ms	-	unsure 🔍 -0% - +0% -0.00ms - +0.00ms
preact-main	2.98ms - 2.99ms	unsure 🔍 -0% - +0% -0.00ms - +0.00ms	-

run-warmup-0

Version	Avg time	vs preact-local	vs preact-main
preact-local	25.96ms - 26.70ms	-	unsure 🔍 -2% - +1% -0.60ms - +0.38ms
preact-main	26.11ms - 26.76ms	unsure 🔍 -1% - +2% -0.38ms - +0.60ms	-

run-warmup-1

Version	Avg time	vs preact-local	vs preact-main
preact-local	33.40ms - 34.78ms	-	unsure 🔍 -3% - +3% -1.05ms - +1.01ms
preact-main	33.35ms - 34.87ms	unsure 🔍 -3% - +3% -1.01ms - +1.05ms	-

run-warmup-2

Version	Avg time	vs preact-local	vs preact-main
preact-local	29.27ms - 30.20ms	-	unsure 🔍 -1% - +4% -0.28ms - +1.06ms
preact-main	28.86ms - 29.83ms	unsure 🔍 -4% - +1% -1.06ms - +0.28ms	-

run-warmup-3

Version	Avg time	vs preact-local	vs preact-main
preact-local	26.92ms - 27.86ms	-	unsure 🔍 -3% - +2% -0.78ms - +0.60ms
preact-main	26.97ms - 27.99ms	unsure 🔍 -2% - +3% -0.60ms - +0.78ms	-

run-warmup-4

Version	Avg time	vs preact-local	vs preact-main
preact-local	23.25ms - 24.39ms	-	unsure 🔍 -4% - +3% -0.87ms - +0.67ms
preact-main	23.40ms - 24.43ms	unsure 🔍 -3% - +4% -0.67ms - +0.87ms	-

run-final

Version	Avg time	vs preact-local	vs preact-main
preact-local	20.96ms - 21.59ms	-	unsure 🔍 -4% - +1% -0.87ms - +0.20ms
preact-main	21.17ms - 22.04ms	unsure 🔍 -1% - +4% -0.20ms - +0.87ms	-

text-update

• Browser: chrome-headless
• Sample size: 140
• Built by: CI #4720

• Commit: 4a9b4a4

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	2.05ms - 2.16ms	-	unsure 🔍 -3% - +5% -0.06ms - +0.10ms
preact-main	2.03ms - 2.14ms	unsure 🔍 -5% - +3% -0.10ms - +0.06ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	1.16ms - 1.21ms	-	unsure 🔍 -2% - +4% -0.02ms - +0.05ms
preact-main	1.15ms - 1.19ms	unsure 🔍 -4% - +2% -0.05ms - +0.02ms	-

todo

• Browser: chrome-headless
• Sample size: 50
• Built by: CI #4720

• Commit: 4a9b4a4

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	33.34ms - 33.60ms	-	unsure 🔍 -2% - +1% -0.78ms - +0.22ms
preact-main	33.27ms - 34.23ms	unsure 🔍 -1% - +2% -0.22ms - +0.78ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	1.24ms - 1.26ms	-	unsure 🔍 -1% - +2% -0.01ms - +0.02ms
preact-main	1.24ms - 1.26ms	unsure 🔍 -2% - +1% -0.02ms - +0.01ms	-

update10th1k

• Browser: chrome-headless
• Sample size: 50
• Built by: CI #4720

• Commit: 4a9b4a4

duration

Version	Avg time	vs preact-local	vs preact-main
preact-local	30.20ms - 31.44ms	-	unsure 🔍 -4% - +2% -1.13ms - +0.64ms
preact-main	30.43ms - 31.70ms	unsure 🔍 -2% - +4% -0.64ms - +1.13ms	-

usedJSHeapSize

Version	Avg time	vs preact-local	vs preact-main
preact-local	2.94ms - 2.95ms	-	unsure 🔍 -0% - +0% -0.01ms - +0.00ms
preact-main	2.94ms - 2.95ms	unsure 🔍 -0% - +0% -0.00ms - +0.01ms	-

_{tachometer-reporter-action v2 for CI}