Reducing Frame Rate in iOS Animations to Lower GPU Usage

Why Reduce Frame Rate

Although higher refresh rates generally improve user experience, reducing the frame rate of simple but numerous animations (e.g., bullet‑screen or like animations) can relieve GPU pressure without noticeably affecting visual quality, effectively trading a small experience loss for performance gains.

Animation Rendering Performance Cost

The iOS screen rendering pipeline (Core Animation) involves several stages—Handle Events, Commit Transaction (CPU work such as layout and image decoding), Render Server (decode and draw calls), GPU render, and Display—each consuming CPU and especially GPU resources.

Screen Refresh FPS vs CoreAnimation FPS

Screen refresh FPS reflects the visual smoothness perceived by users (ideally 50‑60 FPS). CoreAnimation FPS, however, measures how often the Render Server runs, directly correlating with GPU usage; higher CoreAnimation FPS means the GPU is invoked more frequently.

Frame‑Rate Reduction Strategies

Override drawRect: Moves rendering from GPU to CPU, increasing CPU and memory usage, thus unsuitable for frame‑rate reduction.

Core Animation animations: Efficient for complex animations but cannot lower FPS below 60.

UIView animation block: Provides a convenient wrapper with UIViewAnimationOptionPreferredFramesPerSecond30 to target 30 FPS.

CADisplayLink: Allows precise control over per‑frame updates, supporting arbitrary frame rates and synchronizing multiple animations, though it requires more code.

Testing Plan and Conclusion

The chosen solution combines UIView animation blocks with the 30 FPS option, requiring minimal code changes. Tests in a live‑streaming scenario showed that the original Core Animation approach kept CoreAnimation FPS near 60, while the reduced‑frame solution lowered it to around 40 FPS.

When animation frequency is low, the reduction lowers GPU usage by 10‑20 % and slightly reduces CPU load. However, with high‑frequency or long‑duration animations, CPU bottlenecks can cause both CPU and GPU usage to rise, especially on lower‑end devices.

Summary

Using UIViewAnimationOptionPreferredFramesPerSecond30 effectively reduces refresh rate and GPU consumption.

GPU usage can drop 10‑20 % after lowering the frame rate.

Excessive animation blocks may create CPU bottlenecks, causing overall resource usage to increase, with low‑end devices being more vulnerable.