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

Source: Internet
Author: User

  • 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?

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.