0
パフォーマンス上の問題があります。
Chromeのタイムラインに「更新レイヤーツリー」が長すぎると表示されます(モバイルデバイスのSamsung Galaxy S3で279ms) の束がdiaply:none
と書かれていますか?「表示:なし」の要素は、クロムの「更新レイヤー」時間に影響しますか?
パフォーマンス上の問題があります。
Chromeのタイムラインに「更新レイヤーツリー」が長すぎると表示されます(モバイルデバイスのSamsung Galaxy S3で279ms) の束がdiaply:none
と書かれていますか?「表示:なし」の要素は、クロムの「更新レイヤー」時間に影響しますか?
いいえ、display: none
の要素はレンダリングツリーに含まれていないため、レイヤーツリーには影響しません。これは、彼らが常にdisplay: none
を持っていると仮定しています。オン/オフを切り替えると、レイヤーツリーに影響します。
「更新レイヤー」の期間に影響するものを理解するのに役立つでしょうか? –
新しい 'contains'プロパティを使用すると、パフォーマンスが向上します(ただし、新しいブラウザのみ)。 – gcampbell