Poster first
A static image is the first paint and the fallback when WebGL is missing, the model fails or Save-Data is on.
Three.js template
A 3D hero that stays fast on phones
Drop in your GLB model. The page paints a poster image first, starts 3D only when the browser is idle, and lowers its own resolution when a device struggles.
Lazy start
three.js and the model load only when the hero nears the viewport, inside an idle callback.
Quality caps
Pixel ratio is capped per device class, low-end devices run at 30 fps, and a governor steps resolution down under load.
Respectful motion
With reduced motion the model holds a still pose. Rendering pauses off-screen and in background tabs.