CSS, JavaScript, Performance

Notes on Improving Performance

List of things to probe around and think about:

  1. unnecessary jQuery selectors that could be stored beforehand
  2. TweenMax could take JavaScript element directly
  3. if certain animation stutter on certain platforms, check if transition is set on the element together with TweenMax animation (especially on Samsun S4)
  4. enable continuous page repainting to check if certain CSS properties are over expensive
  5. see repetitive repaints in TimeLine and try toggling CSS properties to reduce the amount of unnecessary repaints

Reference:

  • http://updates.html5rocks.com/2013/02/Profiling-Long-Paint-Times-with-DevTools-Continuous-Painting-Mode
Standard