Performance Findings - libitums/FE GitHub Wiki
์ฃผ์ ๋ฐ๊ฒฌ๊ณผ ์ ์
๋ณด๊ณ ์ 78ํธ์์ ์์ผ๋ก ์์น๋ฅผ ์ฝ๋ ๋ฒ์ ๋ฐ๊พผ ๊ฒ๋ง ๋ชจ์๋ค. ์๋ณธ์ ๊ธฐ๋ก ๋ชฉ๋ก์์ ์ฐพ๋๋ค.
1. ๋ ๋ ์๊ฐ์ ๊ฐ์ ์ฝ๋์์๋ 12.6 ms ํ๋ค๋ฆฐ๋ค
๊ฐ์ commit ยท ๊ฐ์ ๋น๋ ยท ๊ฐ์ ์๋๋ฆฌ์ค๋ก 5๋ฒ ์๋ค(2026-09-23).
| ํ์ฐจ | ์ฒซ ๋ ๋ | ๋ฉ๋ชจ๋ฆฌ |
|---|---|---|
| 01 | 78.6 ms | 1,286,208 B |
| 02 | 70.7 ms | 1,286,208 B |
| 03 | 73.0 ms | 1,286,208 B |
| 04 | 69.1 ms | 1,286,208 B |
| 05 | 65.9 ms | 1,286,208 B |
- ๋ ๋ ์๊ฐ โ 65.9 ~ 78.6 ms, ํญ 12.6 ms(์ต์๊ฐ์ 19%). ๋ค๋ฅธ commit ์ฌ์ด์ 10 ms ์ํ ์ฐจ์ด๋ ๋ณ๊ฒฝ ํ์ด๋ผ๊ณ ๋งํ ์ ์๋ค.
- ๋ฉ๋ชจ๋ฆฌ โ ๋ค์ฏ ๋ฒ ๋ชจ๋ ๋ฐ์ดํธ๊น์ง ๊ฐ๋ค. ๋ฒ๋ค์ด ์ ํด์ง๋ฉด ๋ฉ๋ชจ๋ฆฌ๋ ์ ํด์ง๋ค. commit ์ฌ์ด์ ๋ฉ๋ชจ๋ฆฌ ์ฐจ์ด๋ ์์๋ ์ค์ ์ฐจ์ด๋ค.
- ๋ค๋ฅธ ๊ธฐ๋ก์์๋ ๋น์ทํ ํญ์ด ๋์๋ค โ ์ฌ์ ์ก ์์ ๊ธฐ๋ก 3ํ์ฐจ 10.7 ms, ์ฒซ ํ๋ฉด ํ์(
lynxFcp)๋ 30~55 ms.
โ ์๋ณธ
2. 1๋ฒ์ ๋ฐ๋ผ ๋ฐ๋ก์ก์ ํด์
| ๋ณด๊ณ ์ | ์ฒ์ ์ ์ ๊ฒ | ๋ฐ๋ก์ก์ ๊ฒ |
|---|---|---|
| ์ค์ ยท ํ์นจ ํ๋ฉด ์ฃผ์ ์ ๋ฆฌ | ๋ฉ๋ชจ๋ฆฌ +13 KB๋ ํ๋ค๋ฆผ ์ | ์ฝ๋๊ฐ ๋ฐ๊พผ ์ค์ ์ฐจ์ด |
| ์ฌ์ ๋งต ๋ง๋ผ ๊ฒ์ฌ | ๋ฉ๋ชจ๋ฆฌ +14 KB๋ ํ๋ค๋ฆผ ์ | ์ฝ๋๊ฐ ๋ฐ๊พผ ์ค์ ์ฐจ์ด |
| ํ์ต ํ๋ฉด ์ฃผ์ ์ ๋ฆฌ(โฃ-A) | ๋ ๋๊ฐ ์ปค์ก๋ค(+5.8 ms) | ํ๋ค๋ฆผ ์ โ ๋ณ๊ฒฝ๊ณผ ๋ฌด๊ด(โฃ-B๊ฐ ๋ค์ ์ฝ์) |
| ํ๊ฐ ํ๋ฉด ๋์ | +25 ms, ์์ธ ๋ฏธํด๊ฒฐ | ํ๊ท๋ณด๋ค ํ๋ค๋ฆผ์ผ ๊ฐ๋ฅ์ฑ์ด ํฌ๋ค(๋ญ๋ ์์ ๊ธฐ๋ก์ด ๋ค์ ์ฝ์, ๋จ์ ์ ์ ํจ) |
| ์ํผ์๋ ํตํ 01 | ์ฌ์ ์ ํ 36~49 ms | 02์์ 26~37 ms โ 01์ ์๋ฎฌ๋ ์ดํฐ๊ฐ ๋ถ์์ ํ๋ค |
3. ๋ฉ๋ชจ๋ฆฌ๋ฅผ ํฌ๊ฒ ๋๋ฆฐ ๊ฒ์ ํ๋ฉด๋ณด๋ค ๋ฐ์ดํฐ์ ์ด๋ฏธ์ง์๋ค
- ์ง์ ํ๋ฉด ๋์์ธ(09-21) โ ๊ตญ๊ฐ ๋ชฉ๋ก 245๊ฐ ยท SVG๊ฐ ๋ฉ๋ชจ๋ฆฌ +332 KB. ์ด ์ ์ฅ์์์ ๊ฐ์ฅ ํฐ ํ ๋ฒ์ ์ฆ๊ฐ๋ค.
- ์คํ๋์ ๋ก๊ณ ์ ๋๋ฉ์ด์ (09-21) โ WebP ๋์ฝ๋ฉ์ผ๋ก ๋ทฐ ๋ฉ๋ชจ๋ฆฌ๊ฐ ์ฝ 3 KB โ 2.4 MB.
- ์์ฑ ํ๋(
data-testid)๋ ๋ฒ๋ค +19 B, ๋ฉ๋ชจ๋ฆฌ 0 โ ์์ ๋ณ๊ฒฝ์ ์ ๋ง ์๋ค.
4. ์ฌ์ง ๋ชปํ ๊ตฌ๊ฐ์ด ๋ง๋ค
ํ๋ฉด์ ๊ณ์ธก์ (timing flag)์ด ์์ผ๋ฉด ๊ทธ ํ๋ฉด์ ๋ค์ด๊ฐ๋ ๋น์ฉ์ ๋ชป ์ฐ๋ค. ๊ทธ๋์ ์ฌ๋ฌ ๊ธฐ๋ก์ด ์ฌ์ ๋งต ์ฒซ ์ฐฉ์ง๋ง ์๋ค.
- ๋ชป ์ฐ ๊ณณ โ ์๋ฆผ push ยท ๋ฐ์ด์ ์ญ์ , ๋๊ฐ๊ธฐ ๋ชจ๋ฌ, ์ํผ์๋ ํ์ง ยท ํตํ ยท ์ต์ข ํ ์คํธ ๊ตฌ๊ฐ
- 09-28๋ถํฐ ํ์ต ํ๋ฉด์๋ ๊ณ์ธก์ ์ด ์๊ฒผ๋ค(์ฒซ ๊ธฐ์ค 18.9~41.4 ms)
- 9-28 ์ดํ 15ํธ์ Release ๋น๋ ์์ด ๋ฒ๋ค ํฌ๊ธฐ๋ง ์๋ค โ ๋ ๋ ยท ๋ฉ๋ชจ๋ฆฌ๋ ๋น์ด ์๋ค
5. ์ธก์ ๋ฐฉ๋ฒ์ด ํ๋ค๋ฆผ์ ํค์ด ๋
- 9-5~9-9 โ ๊ฐ์ ํธ์คํธ ์ฑ์์ ๋ฒ๋ค๋ง ๋ฐ๊ฟ ๋ฒ๊ฐ์ ์๋ค. ์ธก์ ์์์ ์บ์์ ์ํฅ์ ๋ผ์ด ๋ด์ง ๋ชปํด, ๋ฉ์ ์ ยท ์ ํ ๊ธฐ๋ก ์ฌ์ฏ ํธ ๋ชจ๋ ใ๋ฐฉํฅ ํ์ ๋ถ๊ฐใ๋ก ๋๋ฌ๋ค.
- ๋น๋ ์งํ ์ฒซ ํ์ฐจ๊ฐ ํฌ๊ฒ ๋๋ฆฐ ๊ฒฝ์ฐ๊ฐ ์์๋ค(64.7 ~ 101.6 ms). ์ฒซ ํ์ฐจ๋ฅผ ๋ฒ๋ฆฌ๊ณ ์ฌ๋ ํธ์ด ๋ซ๋ค.
- ์ด์ ์บก์ฒ ํ์ผ์ ๋ค์ ์ฝ์ด ๋ฒ๋ฆฐ ํ์ฐจ๊ฐ ์์๋ค โ ๊ฐ์ด ์ด์ ๊ธฐ๋ก๊ณผ ๋๊ฐ์ผ๋ฉด ์์ฌํ๋ค.