📊 Performance
0 FPS
❌ Unoptimized Product List
⚠️ Warning: Rendering 50 items without virtualization!
This may cause your browser to slow down. All items are in the DOM at once.
Problems demonstrated:
- ❌ All 10,000 items rendered in DOM (huge memory usage)
- ❌ No React.memo - items re-render unnecessarily
- ❌ Slow scrolling and interaction
- ❌ Long initial render time (2-3 seconds)
Product 1
Price: $11.5
Product 2
Price: $13
Product 3
Price: $14.5
Product 4
Price: $16
Product 5
Price: $17.5
Product 6
Price: $19
Product 7
Price: $20.5
Product 8
Price: $22
Product 9
Price: $23.5
Product 10
Price: $25
Product 11
Price: $26.5
Product 12
Price: $28
Product 13
Price: $29.5
Product 14
Price: $31
Product 15
Price: $32.5
Product 16
Price: $34
Product 17
Price: $35.5
Product 18
Price: $37
Product 19
Price: $38.5
Product 20
Price: $40
Product 21
Price: $41.5
Product 22
Price: $43
Product 23
Price: $44.5
Product 24
Price: $46
Product 25
Price: $47.5
Product 26
Price: $49
Product 27
Price: $50.5
Product 28
Price: $52
Product 29
Price: $53.5
Product 30
Price: $55
Product 31
Price: $56.5
Product 32
Price: $58
Product 33
Price: $59.5
Product 34
Price: $61
Product 35
Price: $62.5
Product 36
Price: $64
Product 37
Price: $65.5
Product 38
Price: $67
Product 39
Price: $68.5
Product 40
Price: $70
Product 41
Price: $71.5
Product 42
Price: $73
Product 43
Price: $74.5
Product 44
Price: $76
Product 45
Price: $77.5
Product 46
Price: $79
Product 47
Price: $80.5
Product 48
Price: $82
Product 49
Price: $83.5
Product 50
Price: $85