search

jantimon / next-yak

a streamlined CSS-in-JS solution tailor-made for Next.js, seamlessly combining the expressive power of styled-components syntax with efficient build-time extraction and minimal runtime footprint, ensuring optimal performance and easy integration with existing atomic CSS frameworks like Tailwind CSS
https://yak.js.org
108 stars 2 forks source link

benchmark for soft navigation #109

Closed jantimon closed 1 month ago

jantimon commented 1 month ago

6x slowdown:

Open Benchmark -> start profile -> click at "Styled Components" shot-neHQ0dsK@2x

Open Benchmark -> start profile -> click at "Yak" shot-N0KtQLKL@2x

vercel[bot] commented 1 month ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
next-yak-benchmark ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 4, 2024 0:08am
yacijs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 4, 2024 0:08am
codspeed-hq[bot] commented 1 month ago

CodSpeed Performance Report

Merging #109 will degrade performances by 81.48%

Comparing benchmark-soft-navigation (ca64e1f) with main (2edfab3)

Summary

❌ 2 (👁 2) regressions

Benchmarks breakdown

Benchmark main benchmark-soft-navigation Change
👁 render KanjiLetterComponentStyled 66.1 ms 318.7 ms -79.25%
👁 render KanjiLetterComponentYak 44.8 ms 242 ms -81.48%