fixing-motion-performance

Fix animation jank by auditing UI motion across layout, paint, and composite stages using priority-based guidelines to measure, constrain, and remediate performance issues while keeping existing libraries intact.

Scroll-linked animations cause jank when they trigger layout or paint stages instead of the composite stage; applying view-triggered safety patterns and constraints helps maintain smooth interactivity and high FPS.

Optimize CSS transforms and WAAPI by remediating animations to run on the composite stage rather than layout or paint, following priority rules to measure and audit frame drops for faster UX.

Measure and audit UI animation performance by applying structured constraints across layout, paint, and composition stages, identifying and remediating bottlenecks while keeping existing libraries intact.

Avoid using requestAnimationFrame for scroll-linked or view-triggered animations if it triggers layout or paint instead of relying on transforms and composition, which causes dropped frames and UI jank.