fix: GPU 모드 성능 저하(Layer Explosion) 해결 및 실험 변별력 확보

[PaleBlueNote]

🚨 Problem Statement

Reflow vs Repaint 실험(Day 1) 중, GPU 모드(Fast)가 CPU 모드(Slow)보다 오히려 렌더링 비용이 높게 측정되는 역전 현상이 발생함.

• 분석 결과 (Chrome Performance Tab):
  • CPU Mode Total Time: 116ms (Rendering 91ms)

• GPU Mode Total Time: 206ms (Rendering 107ms + Painting 91ms)

• 원인 (Root Cause):
  • 3,000개의 요소에 일괄적으로 will-change: transform을 적용함에 따라 Layer Explosion(레이어 폭발) 현상 발생.
  • 수천 개의 그래픽 레이어를 생성하고 합성(Composite)하는 오버헤드가 단순 좌표 계산(Reflow) 비용을 초과함.

🎯 Goal

실험 조건을 조정하여 **Reflow(CPU) vs Repaint(GPU)**의 성능 차이가 명확히 드러나도록 개선한다.

✅ To-Do

• Item Count 조정: 3,000개 -> 1,000개로 축소하여 레이어 관리 오버헤드 제거
• CPU 부하 강화: box-shadow 또는 border-radius 속성을 추가하여 Reflow/Repaint 비용 강제 증가
• Performance 검증: CPU 모드에서 Paint Flashing이 발생하고, GPU 모드에서는 발생하지 않음을 시각적으로 입증