— · – fps
worst –

A — SHIPPED

drop-shadow + rotateY under perspective. This is exactly what the home page renders today.

quirion-App

B — NO DROP-SHADOW

Same motion, shadow removed. Smooth here ⇒ the filter is the cost.

quirion-App

C — NO 3D (no rotateY)

Shadow kept, yaw + perspective removed. Smooth here ⇒ the 3D projection is the cost.

quirion-App

D — TRANSLATE ONLY

No shadow, no rotation. The floor — if this judders, nothing is being composited.

quirion-App

E — SHIPPED, 1/6 GAIN

Everything as shipped, but 28px over 90svh instead of 170px over 35svh.

quirion-App

Ergebnis

Nach oben scrollen, alle fünf Bänder langsam durchscrollen, dann hier einen Screenshot machen. 

–