Benchmark
Aynı görev, yan yana ölçüm
Her hat sabit görev tanımı ve ölçüm JSON’undan beslenir; sayfada elle yazılmış rakam yok. Hüküm çoklu koşunun ortancasına dayanır.
3B sahne: Three.js (saf) ↔ React Three Fiber
Bu ölçümde R3F tarafı yaklaşık 30 satır daha az araç kodu taşıyor; tek hero sahnesi (~150 satır) için bu fark küçük ölçekte kalır. Çok bileşenli React ağacı ölçülmedi; ek bilgi olarak ayrı bir deney gerekir.
hazır
Koddan video: HyperFrames ↔ Remotion
Bu görevde yerel render süresi: HyperFrames, Remotion'dan ≈1,9× hızlı (ortanca 13,2 sn ↔ 24,9 sn, 5 koşu).
hazır
Animasyon: Motion ↔ CSS/WAAPI ↔ GSAP
Bu hat üç gözden geçirme turunda geçemedi ve bırakıldı. Ham ölçüm sayfada, hüküm yok.
hazır
Bileşen kütüphanesi
Bu görevde JS+CSS aktarımında fark küçük ve kararlı (Kokonut UI 197,4 kB, shadcn/ui 194,5 kB; yaklaşık %1,5, pratikte önemsiz).
hazır
Arka plan / gradyan
Bu görevde JS+CSS aktarımı en küçük CSS gradyan (ShaderGradient 447,1 kB, CSS gradyan 150,7 kB).