Dev.Opera — CSS will-changeプロパティについて知っておくべきこと

はじめにWebKit系ブラウザでCSS transformやanimationといったプロパティを使った時に発生する、“例のちらつき”。これに気づいたことのある人ならば、おそらく“ハードウェア・アクセラレーション”という用語をこれまでにも耳にしたことがあるでしょう。 CPU, GPU, ハードウェア・アクセラレーション一言で言うと、ハードウェア・アクセラレーションとは、グラフィックス・プロセッシング・ユニット（GPU）を用いてセントラル・プロセッシング・ユニット（CPU）の処理量を軽減し、ブラウザのレンダリング処理を効率化することです。ハードウェア・アクセラレーターを有効にしてCSS処理を使うと、ページのレンダリングが速くなり、ページ表示が高速化されます。 名前の通り、CPUとGPUはどちらもプロセッシング・ユニットです。CPUはコンピュータのマザーボードに取り付けられている部品で、ほとん

[sr-uematsu]

will-changeプロパティ

[torimoku]

CSS transformとかanimationのとき発生するちらつきを改善する方法、かな？

[r_abe01]

“will-change”

[akirafukuoka]

CSSのwill-change、知らなかったなぁ。変化する予定のプロパティをあらかじめ指定して最適化と。

[nakagaw]

“ハードウェア・アクセラレーション”

[naoyashiga]

“will-change”

[efcl]

CSS will-changeについての翻訳

[Layzie]

日本語訳あったの知らなかった…