domains / families / software-engineering / optimize-web-animations

optimize-web-animations

separate

Profile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAnimationFrame loops, marquees, skeletons, GSAP/Three/Matter effects, timers, listeners, and observers. Use when the user asks to make animations performant, pause offscreen animations, look for memory leaks, profile pages that slow the computer over time, fix janky scrolling, reduce CPU/GPU use, or repeat the "only play in view" optimization on React/Vite/Next/frontend pages using Codex Browser.

When to use

• make animations performant
• pause offscreen animations
• look for memory leaks
• profile pages that slow the computer over time
• fix janky scrolling
• reduce CPU/GPU use
• repeat the 'only play in view' optimization
• optimize CSS animations, canvas/WebGL requestAnimationFrame loops, marquees, skeletons, GSAP/Three/Matter effects, timers, listeners, and observers

When not to use

• use Chrome unless the user explicitly asks for it

Skill page

Source