Webアニメーションを高速化するために知っておくべき10のこと(前編) 斉藤 祐也(株式会社リッチメディア) アニメーション/トランジションは身の回りに当たり前にあるものです。 むしろ普段の生活では「0」が「1」に変化するものの方が珍しいでしょう。 アニメーション/トランジションはデジタルなWebに対して自然な変化を提供する大切なツールです。 今回はそんなアニメーション/トランジションをより自然にスムーズに動作させるために知っておきたいことを前・後編の2回に分けて紹介していきます。 アニメーションを高速化する理由 アニメーションは先ほど書いたように普段の生活にも存在しています。だからこそ、我々はスムーズではないアニメーションを見つけるのが得意です。 アニメーションに限定した話ではありませんが、FacebookのShane O’Sullivan氏が、ページロード後のレンダリングパフォーマンス
![Webアニメーションを高速化するために知っておくべき10のこと(前編)](https://cdn-ak-scissors.b.st-hatena.com/image/square/4fd76a29a9c8bef7dec7857702e7c99bb82dc39d/height=288;version=1;width=512/http%3A%2F%2Fhtml5experts.jp%2Fwp-content%2Fuploads%2F2013%2F09%2Fedgeconf-performance-300x158.png)