Web Animations API は新しいウェブ標準の一部で、現在は Mozilla と Google のブラウザ エンジニアによって開発中です。
Chrome 36 で Web Animations API の element.animate() メソッドが実装され、デベロッパーは JavaScript を使用して高性能なコンポジタ スレッド アニメーションを作成できるようになりました。
Mozilla は Firefox 48 に element.animate() の実装をリリースしました。これにより、この新しい JS API を使ってブラウザをまたいだ高速アニメーションを実現できるようになりました。Google と Mozilla は、相互運用性を確保するために連携して取り組んできました。本当に共同で取り組むことができました。
Web Animations API を使用するメリットとしては、フレームレートを高速化して消費電力を削減できることが挙げられます。これにより、すべてのデバイス、特にモバイルでのユーザー エクスペリエンスが向上します。
Web Animations API は、すべてのブラウザでpolyfillを介して使用できます。ポリフィルは、存在する場合はフルスピードのネイティブ実装を使用し、それ以外の場合は JavaScript 実装に適切にフォールバックします。WebKit コミュニティは独自の実装を検討し、Edge チームはそれをバックログに追加しています。ウェブ アニメーションは、まもなくすべての主要ブラウザでサポートされる予定です。
Chrome、Firefox、Opera でウェブ アニメーションを高速化するには、こちらのデモ ページにアクセスして、ぜひご自身でお試しください。