ボックスシャドーがスケールのパフォーマンスに影響する

Question

私はtransform:scaleのCSSプロパティを使用して画像の配列を拡大し、パフォーマンスをfpsで測定しています。

パフォーマンスを測定した後、非常に遅くなりました。結果はわずか20fpsでした。 パフォーマンスを向上させる方法に関するヒントを読んだ後。ほとんど彼らは非常に重く、パフォーマンスを低下させる可能性があるため、box-shadowを使用しないことを提案しました。 したがって、box-shadow:noneを設定して、パフォーマンスを再度測定します。残念ながら、それは同じ結果をもたらしました。

私はbox-shadow:1px 1px 1px blackを使ってパフォーマンスをチェックしました。私のパフォーマンスの期待は、ボックスシャドウが存在するのが遅いということです。

しかし、性能を測定した後、20fpsから50fpsに上昇しました。何かのアイデアは、これの理由は何ですか？私はアイデアがありません。

ありがとうございました。

Answer 1

これは、何か他のものが、ボックスシャドーなしでも20fpsの測定性能を与えることができます。

：あなたはボックスの影にいくつかの値を与えた後、

は、ここではいくつかの良い情報やアイデアを読む...ボックスシャドウを使用して、パフォーマンスの問題が発生し、それが以前よりもそれが遅く集約し http://cubiq.org/performance-tricks-for-mobile-web-development

http://tobiasahlin.com/blog/how-to-animate-box-shadow/（スムーズな性能を備えたボックス影を作る方法）

また代わりに遅いCSS-プロパティ（最初のリンクからのスクリーンショット - 検索「ボックスシャドウ」）の画像を使用してアイデアをチェックします。

私は、このアイデアや情報の一部があなたのパフォーマンスに役立つことを願っています。

乾杯。