⚡ Bolt: 성능 향상을 위한 EventList 렌더링 최적화#272
Conversation
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
💡 What:
EventList컴포넌트 내에서 가상화된 각 항목 렌더링 시마다sessionStartedAt날짜 문자열을 Date 객체로 파싱하고getTime()을 호출하는 작업을 제거했습니다.🎯 Why:
react-window의List컴포넌트를 스크롤할 때마다 각Row에 대해formatElapsed가 반복 호출되어 비용이 높은 문자열 기반 날짜 파싱이 중복 실행되고 메인 스레드를 차단(병목)할 수 있기 때문입니다.📊 Impact: 가상화 목록 내부의 불필요한 반복 렌더링 비용(String -> Date 객체화)이 제거되어, 긴 리스트 스크롤 시 화면 끊김이 크게 완화되며 렌더링 성능이 향상됩니다.
🔬 Measurement: 수백 개의 이벤트 기록이 있는 세션 타임라인 컴포넌트를 렌더링 및 스크롤할 때 React Profiler 상의
Row렌더링 시간이 단축되었는지 측정합니다.PR created automatically by Jules for task 15386944336160038344 started by @seonghobae