私はかなりCPUを集中的に使用するWebアプリケーションに取り組んでいます。http://davidwalsh.name/translate3dやhttp://www.html5rocks.com/en/tutorials/speed/html5/-webkit-transform: translate3d(0, 0, 0)などで提案されているように、平均フレームレートを改善するために特定の要素を使用し始めました。この微調整により、特に Chrome でのレンダリング パフォーマンスが大幅に改善されます。
この手法を 1 つのアニメーション化された要素に適用すると、ページ全体に対してハードウェア アクセラレーションがトリガーされますか、それともその要素に対してのみトリガーされますか? それとも、その要素のレンダリング レイヤーのハードウェア アクセラレーションのみをトリガーするのでしょうか?
Chrome の "Composited render layer borders" (in chrome://flags) の出力を調べると、動作が指定された要素に限定されているように思われますが、より具体的な回答が得られるとよいでしょう。