What's the best DPR strategy for high-end mobile in 2026?

[zakky8]

Question for the community — given iPhone 16 Pro and S25 Ultra both ship native ProMotion + extreme GPUs, but still throttle aggressively under sustained load:

What DPR cap are people using in production for 3D-heavy mobile sites in 2026?

• 1.5x conservative?
• 2.0x and trust the OS?
• Adaptive based on detect-gpu tier?

Any benchmarks would be appreciated.

[zakky8]

Based on production data from 45-r3f-performance/ and 02-mobile/:

Recommended: adaptive DPR via detect-gpu + thermal headroom

import { getGPUTier } from 'detect-gpu';
const tier = await getGPUTier();
const dpr = tier.tier >= 3 ? Math.min(devicePixelRatio, 2.0)
          : tier.tier === 2 ? 1.5
          : 1.0;
renderer.setPixelRatio(dpr);

For 3D-heavy scenes, 1.5x is the sweet spot even on top-tier mobile — the GPU savings from 1.5x vs 2.0x is roughly 1.77x fewer pixels, which directly translates to thermal headroom for sustained 60fps.

Hard cap: never exceed 2.0 (per Three.js convention). The diminishing visual returns above 2.0 are not worth the GPU cost.