Performance Trend - libitums/FE GitHub Wiki

์„ฑ๋Šฅ ์ถ”์ด

๋ฒˆ๋“ค ํฌ๊ธฐ์™€ ๋ฉ”๋ชจ๋ฆฌ๊ฐ€ ์–ธ์ œ ยท ๋ฌด์—‡ ๋•Œ๋ฌธ์— ๋Š˜์—ˆ๋Š”์ง€ ๋ณธ๋‹ค. ๊ฐ’์€ ๊ฐ ๋‚ ์งœ์— ๊ธฐ๋ก๋œ ๋ณด๊ณ ์„œ ๊ฐ€์šด๋ฐ ๊ฐ€์žฅ ํฐ ๊ฐ’์ด๋‹ค.

  • ๋ง‰๋Œ€ ํ•œ ์นธ = ๋ฒˆ๋“ค 50 kB ยท ๋ฉ”๋ชจ๋ฆฌ 0.1 MB
  • ๋ Œ๋” ์‹œ๊ฐ„์€ ์—ฌ๊ธฐ ์—†๋‹ค โ€” ๊ฐ™์€ ์ฝ”๋“œ์—์„œ๋„ 12.6 ms์”ฉ ํ”๋“ค๋ ค ์ถ”์ด๋กœ ์ฝ์„ ์ˆ˜ ์—†๋‹ค(์ฃผ์š” ๋ฐœ๊ฒฌ 1)

๋ฒˆ๋“ค ํฌ๊ธฐ (main.lynx.bundle)

๋‚ ์งœ ๋ฌด์—‡์ด ๋“ค์–ด์™”๋‚˜ ํฌ๊ธฐ
09-03 ์•ฑ ์ฒซ ๋กœ๋“œ 164.7 kB โ–ˆโ–ˆโ–ˆ
09-05 ํ‰๊ฐ€ ยท ํ•™์Šตํ˜• ๋„์ž… 213.9 kB โ–ˆโ–ˆโ–ˆโ–ˆ
09-07 ํ•™์Šตํ˜• ๊ฒฐ์„  ยท ๋ฌธํ™” ํ™”๋ฉด 288.3 kB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-09 ๋ฉ”์‹ ์ € ยท ์ „ํ™” ์œ ๋‹› 338.2 kB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-10 ๋น„์ฃผ์–ผ ๋…ธ๋ฒจ 364.3 kB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-15 ์•Œ๋ฆผ ยท ๋กคํ”Œ๋ ˆ์ด 386.6 kB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-16 ์„ค์ • 418.8 kB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-17 ์ง„์ž… ํ๋ฆ„ ์—ฌ์„ฏ ํ™”๋ฉด 490.1 kB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-21 ์ง„์ž… ํ™”๋ฉด ๋””์ž์ธ(๊ตญ๊ฐ€ ๋ชฉ๋ก ยท SVG) 774.1 kB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-23 ์ฃผ์„ ์ •๋ฆฌ ์—ฐ์ž‘ 776.7 kB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-28 ์—ํ”ผ์†Œ๋“œ ยท ํ•™์Šต ํ™”๋ฉด ๋‹ค์ˆ˜ 1,128.4 kB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-29 Supabase ์ „ํ™”๋ฒˆํ˜ธ ๋กœ๊ทธ์ธ(#149) 1,143.8 kB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-29 PostHog ๋ถ„์„(#152, ๋ฏธ๋จธ์ง€) 1,198.3 kB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ

์ง€๊ธˆ ์ƒํ•œ์€ 1,171 kB(main) โ€” #152๊ฐ€ ๋จธ์ง€๋˜๋ฉด 1,259 kB๊ฐ€ ๋œ๋‹ค. #149 ์œ„์— #152๊ฐ€ ์–นํžˆ๋ฉด ๋ฒˆ๋“ค์€ ์•ฝ 1,214 kB๋กœ ์ถ”์ •ํ•œ๋‹ค(์•„์ง ์žฌ์ง€ ์•Š์•˜๋‹ค). ์ƒํ•œ์€ ๋„˜์„ ๋•Œ๋งˆ๋‹ค ๊ทผ๊ฑฐ๋ฅผ ์ ๊ณ  ์˜ฌ๋ ค ์™”๋‹ค(์ €์žฅ์†Œ devtools/bundle-size/budget.json).

๋ฉ”์ธ ์Šค๋ ˆ๋“œ ๋ฉ”๋ชจ๋ฆฌ (mainThreadRuntimeBytes)

๋‚ ์งœ ํฌ๊ธฐ
09-03 0.41 MB โ–ˆโ–ˆโ–ˆโ–ˆ
09-05 0.48 MB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-07 0.56 MB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-09 0.62 MB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-10 0.65 MB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-15 0.71 MB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-16 0.76 MB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-17 0.78 MB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-21 1.28 MB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-23 1.29 MB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-25 1.30 MB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ
09-28 1.78 MB โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ

9-24 ์ดํ›„์—๋Š” ์ฒซ ๋กœ๋“œ๊ฐ€ ์•„๋‹ˆ๋ผ ํƒญ ์ „ํ™˜ ยท ํ™”๋ฉด ์ง„์ž… ์‹œ์ ์— ์žฐ ๊ธฐ๋ก์ด ๋งŽ๋‹ค. ์‹œ์ ์ด ๋‹ฌ๋ผ ๊ฐ™์€ ์ค„์—์„œ ๋น„๊ตํ•˜์ง€ ์•Š๋Š”๋‹ค.

ํฌ๊ฒŒ ๋Š˜์–ด๋‚œ ์ง€์ 

๋‚ ์งœ ๋ณ€๊ฒฝ ๋ฒˆ๋“ค ๋ฉ”๋ชจ๋ฆฌ
09-07 ํ•™์Šตํ˜• ๋‘ ํ™”๋ฉด์ด ์•ฑ์— ์—ฐ๊ฒฐ๋จ(App.tsx import ๋‘ ์ค„) +44.2 kB +47.9 kB
09-09 ๋ฉ”์‹ ์ € ์œ ๋‹› +24.5 kB ์•ฝ +34.5 kB
09-09 ์ „ํ™” ์œ ๋‹› ยท ์Œ์› 3๊ฐœ +24.3 kB +24.0 kB
09-16 ์„ค์ • ํ™”๋ฉด +32.2 kB +43.7 kB
09-17 ์ง„์ž… ํ๋ฆ„ ์—ฌ์„ฏ ํ™”๋ฉด +71.3 kB +23.9 kB
09-21 ์ง„์ž… ํ™”๋ฉด ๋””์ž์ธ โ€” ๊ตญ๊ฐ€ ๋ชฉ๋ก 245๊ฐœ ยท SVG ์•ฝ +149 kB +331.9 kB
09-21 ์Šคํ”Œ๋ž˜์‹œ ๋กœ๊ณ  ์• ๋‹ˆ๋ฉ”์ด์…˜(WebP ๋””์ฝ”๋”ฉ) โ€” ๋ทฐ ๋ฉ”๋ชจ๋ฆฌ ์•ฝ +2.4 MB
09-28 ์—ํ”ผ์†Œ๋“œ ์„œ์‚ฌ ํ™”๋ฉด(ui-lynx ๋Œ€ํ™” ยท ์•„๋ฐ”ํƒ€ ์ฒซ ์‚ฌ์šฉ) +41.8 kB โ€”
09-28 ์ „์—ญ ๋จธ๋ฆฌ ยท ์ ฌ ๊ตฌ๋งค +32.6 kB โ€”
09-28 ์—ํ”ผ์†Œ๋“œ ์ตœ์ข… ํ…Œ์ŠคํŠธ +30.7 kB +62.5 kB
09-29 PostHog ๋ถ„์„ SDK(#152) +70.0 kB ๋ฏธ์ธก์ •

์ค„์–ด๋“  ์ง€์ ๋„ ์žˆ๋‹ค โ€” ๋ฌธ์žฅ ๋งŒ๋“ค๊ธฐ๋ฅผ ๊ณต์šฉ ํ•™์Šต ๊ป๋ฐ๊ธฐ๋กœ ์˜ฎ๊น€(โˆ’7.0 kB), ์˜จ๋ณด๋”ฉ ์นด๋“œ ์ •๋ฆฌ(โˆ’1.1 kB).