Skip to content

feat: Reflow vs Repaint 렌더링 성능 비교 실험 구현 #3

@PaleBlueNote

Description

@PaleBlueNote

💡 Feature Description

브라우저 렌더링 파이프라인의 **Reflow(Layout)**와 Repaint(Composite) 단계의 성능 비용 차이를 증명하는 첫 번째 실험(Day 1)을 구현했습니다.

📋 To-Do List

  • left/top 속성 제어(CPU Reflow)와 transform 속성 제어(GPU Composite) 비교 로직 구현
  • stats.js를 연동하여 실시간 FPS 측정 및 시각화
  • 3,000개의 DOM 요소를 제어하여 렌더링 부하 테스트

📝 Additional Context

Image
Image

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions