translatez(0)ってなんのために書いてるの?

CSSで

transform: translateZ(0);

ってなんのために書いているのかなって調べてみたら、ハードウェアアクセラレータを有効にするためだったことが判明。

Even though we’re not animating an element in 3D space, we can enable 3D rendering. At the very least, the transform: translateZ(0); declaration triggers GPU acceleration in modern desktop and mobile browsers. This seems to be the most effective way of triggering GPU acceleration (all vendor prefixes included):
— Increase Your Site's Performance with Hardware-Accelerated CSS

3D描画をするつもりじゃなくてもtranslatez(0)で3D扱いにすると、2D描画もパフォーマンスが上がるそうです。