ํƒ์ƒ‰

๋ฌธ์„œ

๋ฒค์น˜๋งˆํฌ ์ง€ํ‘œ

๊ณต์œ  ๋ฒค์น˜๋งˆํฌ ์ง€ํ‘œ์™€ ์‹ค์šฉ์ ์ธ ์˜ˆ์ œ์ž…๋‹ˆ๋‹ค.

์ง€ํ‘œ

Fixturedashboard

Matched visual intent across variants

Median build148 ms

์–‘ํ˜ธ 10 measured command rounds

CSS rules1,284

After static extraction and pruning

Long tasks0

์–‘ํ˜ธ Chromium trace sample

์™„์ „ํ•œ ์ฐจํŠธ ํ‘œํ˜„

์ปดํฌ๋„ŒํŠธ ์„ค๋ช…์šฉ ๋ฐ์ดํ„ฐ์ž…๋‹ˆ๋‹ค. ์‹ค์ธก ๋ฒค์น˜๋งˆํฌ๋Š” ์ œํ’ˆ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•˜์„ธ์š”.

์ง€ํ‘œ๊ฐ’์„ธ๋ถ€ ์ •๋ณด
Fixturedashboard
Median build148 ms ์–‘ํ˜ธ10 measured rounds
Warm rebuild28 ms ์–‘ํ˜ธsingle class edit
Generated rules1,284 after pruning
Long tasks0 ์–‘ํ˜ธChromium trace sample

์‚ฌ์šฉ ์œ„์น˜: ๋ฒค์น˜๋งˆํฌ.

์‚ฌ์šฉ๋ฒ•๊ณผ ์ธํ„ฐํŽ˜์ด์Šค

BenchmarkMetrics๋Š” ์งง์€ ์š”์•ฝ์„ ๋„ค์ดํ‹ฐ๋ธŒ ์ •์˜ ๋ชฉ๋ก์œผ๋กœ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. ๊ฐ ์ง€ํ‘œ์—๋Š” label, value, ์„ ํƒ์  detail๊ณผ tone์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๊ฐ’์€ ํ‘œ ํ˜•์‹ ์ˆซ์ž๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ ์ข์€ ์ปจํ…Œ์ด๋„ˆ์—์„œ๋Š” ๋ณด์ถฉ ์„ค๋ช…์ด ๊ฐ’ ์•„๋ž˜๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

<BenchmarkMetrics metrics={[  { label: 'Median', value: '12.5 ms', detail: '3 illustrative samples' },  { label: 'Generated rules', value: '1,284' }]} />

๊ฐ’์— ๋‹จ์œ„๋ฅผ ํฌํ•จํ•˜๊ณ  ์š”์•ฝ ์˜†์—์„œ ํ‘œ๋ณธ ๋งฅ๋ฝ์„ ์„ค๋ช…ํ•˜์„ธ์š”. ์ƒ‰์กฐ๋Š” ๊ฐ•์กฐํ•  ๋ฟ ์ธก์ •์ด๋‚˜ ํ†ต๊ณ„์  ๊ฒฐ๋ก ์˜ ๊ทผ๊ฑฐ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. ์ „์ฒด ๋น„๊ต์— ํ‘œ ๋จธ๋ฆฌ๊ธ€๊ณผ ์—ด์ด ํ•„์š”ํ•˜๋ฉด BenchmarkMetricTable์„ ์‚ฌ์šฉํ•˜์„ธ์š”. ๋‘ ์ปดํฌ๋„ŒํŠธ ๋ชจ๋‘ ๊ธฐ๋ก๋œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ”๊พธ์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ „์ฒด ์ฐจํŠธ ํŒจํ„ด๊ณผ ์‹ค์ธก ๋ฒค์น˜๋งˆํฌ ํ”ฝ์Šค์ฒ˜๋ฅผ ์ฐธ๊ณ ํ•˜์„ธ์š”.