CSS will-changeプロパティについての記事を読んだので早速試験中。
1will-change: transform;
簡単に言えばtranslate3dsなどのハックでGPUアクセレーションを有効化していたけど、それ以外の適切な手法でブラウザさんに最適化していただこうというものらしい。
ちょっと試してみてもあまり違いはわからなかったが、重い描画や低スペックマシンだと違いがでてくるのかも。
何より最適化の意図を明確にすることができるので、設計に盛り込みやすい。
しかし現時点でSafariの実装はまだまだなので、しばらくは従来通りtranslate3dsを使うか、併用していくのがよさそう。
その他参考記事