タグ

ブックマーク / dev.opera.com (1)

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

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

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