lynx   »   [go: up one dir, main page]

タグ

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

  • This is Success: Why 1000/100/6/50ms?

    このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。

    This is Success: Why 1000/100/6/50ms?
    efcl
    efcl 2017/05/27
    アニメーションを行う際のJavaScriptについては16msのうちの6ms程度に済ませるべきという話。 OSやGPUで4ms、12msの半分である6msがJavaScriptに使える時間
  • コンポジタ専用プロパティを使用し、レイヤ数を管理する  |  Articles  |  web.dev

    コンポジタ専用プロパティを使用し、レイヤ数を管理する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 コンポジットは、画面に表示するために、ページのペイントされた部分がまとめて置かれている場所です。 ページのパフォーマンスに影響を与える 2 つの重要な要因があります。管理対象となるコンポジタ レイヤーの数と、アニメーションのために使用するプロパティです。 概要 アニメーションの形状と不透明度の変更のみを行うようにします。 移動要素を will-change または translateZ でプロモートします。 プロモーション ルールを乱用しないでください。レイヤーはメモリと管理を必要とします。 アニメーションの形状と不透明度の変更の使用 最もパフォーマンスの高いピクセル パイプラインでは、レイアウトとペイントの両方を避け、コンポジットの変更のみを必要とします

    efcl
    efcl 2016/10/30
    CSSのアニメーション向けの最適化。 `transform`系の移動方法まとめ
  • 1
Лучший частный хостинг