On this page
Common Performance IssuesMiniapp Architecture and PerformanceOptimization GuidesRelated Documents

Runtime Performance

Runtime performance focuses on smoothness during miniapp use. Good runtime performance means fluid page scrolling, responsive interactions, and natural animations.

Common Performance Issues

SymptomPossible CauseOptimization Direction
Laggy page scrollingFrequent state updates, too many nodesUsing setData Wisely, Render Performance Optimization
Delayed interaction responseLogic layer blocked, heavy synchronous computationUsing setData Wisely
Slow page render or jitterComplex node structure, unoptimized lists, poor animation approachRender Performance Optimization
Slow image loading or layout shiftImages not lazy-loaded, incorrect size modeResource Loading Optimization
Miniapp reclaimed by systemMemory usage too highMemory Optimization

Miniapp Architecture and Performance

Tuya miniapps use a dual-thread architecture:

  • Logic layer: Runs developer JavaScript code, handles data and business logic
  • View layer: Responsible for page rendering and user interaction

The two threads communicate by passing data through messages. setData is the primary way the logic layer sends data to the view layer, so how setData is used directly impacts runtime performance.

Understanding this architecture is the foundation of runtime performance optimization.

Optimization Guides