728x90
반응형
FrameBudget
-
Flutter 성능은 16ms 프레임 예산을 쓰는 방식입니다AI Agent/flutter 2026. 7. 3. 09:00
"스크롤할 때 손끝에 뭔가 미묘하게 걸리적거려요." 이런 제보가 제일 곤란합니다.버벅인다는 것도 아니고, 재현 절차가 있는 것도 아니고, 그냥 손가락이 한 번씩 턱턱 걸린다는 겁니다.제 기기에서는 아무리 쓸어내려도 매끈하게 넘어갔습니다.그래서 며칠을 "기분 탓 아닐까" 하고 미뤄뒀습니다.밤에 다른 작업이 없어서, 큰맘 먹고 DevTools 타임라인을 켜고 리스트를 위아래로 반복해서 긁었습니다.Performance 화면에 프레임이 막대 하나씩 쌓이는데, 초록 사이에 빨간 막대가 규칙적으로 섞여 올라왔습니다.그때 처음으로 16ms라는 숫자를 눈으로 봤습니다.빨간 막대는 16ms를 넘겼다는 신호입니다60fps로 그리려면 프레임 하나를 대략 16ms 안에 끝내야 합니다.이 안에서 위젯을 다시 만들고(build)..