ブラウザに描画されるWebページをデジタルイラストに例えて、レンダリングの仕組みからCSSアニメーションのパフォーマンスを考える視点を解説します。 また、近い将来、GPUアクセラレーションをはじめとするパフォーマンス事情がどう変わっていくのかについても触れ、新たに主流になるかもしれないアニメーション実装手法をご紹介します。 本記事は、TechFeed Experts Night#14 〜 絶対役立つ!最先端のCSS総ざらいのセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 今回はブラウザのレンダリングの大まかな仕組みから、CSSアニメーションのパフォーマンスを予測できるようになるというお話をしたいと思います。実際にChromeで計測した数値をまじ
![原理から考えるCSSアニメーションのパフォーマンス改善](https://cdn-ak-scissors.b.st-hatena.com/image/square/a00e98934808efb3e4b938627bde70875fd6c248/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Ftechfeed%2Fimage%2Fupload%2Fw_1200%2Ch_630%2Cc_fill%2Fentries%2Ftkfmjwqaxu0tske6mq4j.png)