Beyond the DOM: Rendering at 120FPS

Beyond the DOM: Rendering at 120FPS

Beyond the DOM: Rendering at 120FPS

Julian Vance, Head of Engineering

Julian Vance, Head of Engineering

11.15.23 • 6 Min Read

11.15.23 • 6 Min Read

Users expect interfaces to feel instantaneous, regardless of device or complexity. Achieving fluid experiences at high refresh rates requires more than optimized code—it demands a deeper understanding of rendering pipelines, animation performance, and modern browser technologies. Performance is no longer a technical metric; it's a core part of the user experience.

A Different Rendering Model

High-performance interfaces begin by treating rendering as a systems problem. The browser is not just a surface; it is a pipeline with limits, costs, and opportunities.

Reduce the Work

The fastest frame is the one that never needed to be computed. Careful composition, selective updates, and efficient asset delivery keep complexity under control.

Sunlight illuminates a green plant by a window, casting shadows.

Perception Is Performance

Users experience latency as hesitation. Stable frame pacing and immediate feedback often matter more than raw technical benchmarks.

Building for Motion

A 120FPS target is less about spectacle than discipline. Every layer should support responsiveness, clarity, and a feeling of direct manipulation. By optimizing animations, rendering, and interactions from the ground up, interfaces remain fluid under real-world conditions, making every action feel immediate, predictable, and naturally connected to the user's intent.

The Frame Is the Interface

Performance is not separate from design. It is the condition that lets every visual decision arrive with clarity. Fast, responsive interfaces preserve flow, reinforce user confidence, and ensure that interactions feel immediate, allowing thoughtful design choices to deliver their full impact without being diminished by delays.

Create a free website with Framer, the website builder loved by startups, designers and agencies.