Love to create a classroom day 21st day-Mobile performance optimization?

• Use CSS3 animations as much as possible to turn on hardware acceleration.

• appropriate use touch events instead click event.

• Avoid using css3 gradient shadow effect.

• can be used transform: translateZ(0) to turn on hardware acceleration.

• Do not abuse float. Float is computationally large at render time and minimizes use

• Web fonts are not abused. Web fonts need to download, parse, redraw the current page and minimize use.

• Rational use of requestanimationframe animation instead of settimeout

• CSS the properties in CSS3 transitions, CSS3 3D transforms, Opacity, Canvas, WebGL, and Video will trigger GPU rendering, please use it wisely. The use of the transition will cause mobile phone over-consumption increased

• PC end of the mobile side of the same application

Love to create a classroom day 21st day-Mobile performance optimization?