CSSセレクタperformace

これらの2つのセレクタが同じ要素数（単一フォーム）と一致すると仮定した場合、パフォーマンスに違いはありますか？CSSセレクタperformace

#master .body form {}

#master form {}

私はCSSセレクタは、ページのレンダリングのためにかなりの速度差を作ることができると聞きました。これが主にページの読み込み時間に当てはまる場合や、JavaScriptを使用して要素にクラスを追加するシナリオや、ブラウザがその視覚的な変化をどのくらい速くレンダリングできるかについても興味がありました。

出典

2012-02-15 C.J.

は、ベンチマークのためhttp://ajaxian.com/archives/css-child-selector-performanceを参照してください。 –

私は子セレクタが専用のクラス/ IDよりも遅いことを知っています。しかし、私のフォームには専用のクラス/ IDがないので、私の質問は.bodyの親を指定する方が良い/悪い場合です。 –

cssセレクタを使用してパフォーマンスが低下することはありません。通常は、画像をロードするか、ページ上で実際に要求されたレンダリングを実行するよりも、数桁の速さです。確かに、DOMオブジェクト全体の解析を要求することは、頻度によっては問題が発生する可能性がありますが、一度見つかったDOMオブジェクトで行われているアクションと比較しても、 –

面白い： http://calendar.perfplanet.com/2011/css-selector-performance-has-changed-for-the-better/、http://www.stevesouders.com/blog/2009/03/10/performance-impact-of-css-selectors/

出典

2012-02-15 23:05:48

Googleには、ページのスピードを分析するFirebug/Developer Tools用のプラグインがあります。そのタブの1つがCSSセレクタです。あなたはそれを実行しなければなりません、それはあなたがどれが良いかを教えてくれるでしょう。

私が知っているところから、ところで、最初は遅いです。あなたが選ぶ必要のある要素が少ないほど良いでしょう。そこで

出典

2012-02-15 22:47:21 Cmorales

それは何と呼ばれているか知っていますか？ –

Google Pageのスピード：http://code.google.com/speed/page-speed/ – Cmorales

@Cmorales ...ありがとう –

答えて

関連する問題