タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

cssとperformanceとanimationに関するefclのブックマーク (1)

  • コンポーザ オンリー プロパティに固執し、レイヤ数を管理する  |  Articles  |  web.dev

    コンポーザ オンリー プロパティに固執し、レイヤ数を管理する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 合成では、ページのペイントされた部分がまとめられて画面に表示されます。合成されていないアニメーションは、より多くの作業が必要であり、低価格帯のスマートフォンや、パフォーマンスに負荷の高いタスクがメインスレッドで実行されている場合は、ぎくしゃくしてスムーズに動作しないことがあります。 この領域には、ページのパフォーマンスに影響する 2 つの主な要素があります。管理が必要なコンポジタ レイヤの数と、アニメーションに使用するプロパティです。 概要 アニメーションでは、変換と不透明度の変更に限定してください。 will-change または translateZ を使用して、移動する要素を昇格させます。 プロモーション ルールの使いすぎは避けてください。レ

    efcl
    efcl 2016/10/30
    CSSのアニメーション向けの最適化。 `transform`系の移動方法まとめ
  • 1