Performance Traps and acceleration on the mobile side

1. Reduce or avoid repaint, reflow; Repaint is to redraw the page, such as changing the text color, reflow change the structure, the overall can be understood to reduce the DOM operation.

2. Cache the data as much as possible.

3. Use CSS3 Transform instead of DOM operation.

4. Do not add CSS3 animations to non-position:static. (Will multiply the browser overhead)

5. Proper hardware acceleration. You can set TRANSFORM:TRANSLATA3D (0,0,0);.

Performance Traps and acceleration on the mobile side