0

ウェブサイトのレンダリング速度を改善しようとしています。

CSSファイルとJSファイルはどちらも、主に次のような要素を参照しています。

Javascript：

   $('.some_element').doSth()

CSS：

   .some_element { /* do something */ }

ただ好奇心が強い-これは、JavaScriptの解析とWebサイトのレンダリングの観点から要素を参照するための最適な方法ですか？div.some_elementのようなことをしたほうがいいのではないでしょうか。

いくつかの情報をありがとう！

4

3 に答える 3

2

速度を優先する場合は、できるだけバニラJavaScriptに切り替えることをお勧めします。ネイティブJavaScriptはjQueryよりも高速です。

jQueryセレクターを維持したい場合は、親コンテキストを使用して要素の検索をより効率的にします。例$（'＃parent'）。find（child）

あなたはウェブ上でjavascriptとjqueryの最適化に関するより多くのヒントを見つけることができます：http： //engineeredweb.com/blog/10/12/3-tips-make-your-jquery-selectors-faster/

于 2012-02-28T03:06:09.340 に答える
2

div.some_element.some_elementsome_element クラスを使用する div がない場合は、とは異なります。

Chrome の組み込みの開発者ツール (または別のツール) を使用してレンダリング時間を比較し、それが役立つかどうかを確認してください。

于 2012-02-28T02:55:15.657 に答える
1

単一の要素を見つける最も速い方法は、通常、クラスではなく ID を使用することです。

document.getElementById("whatever")

jQuery を使用する必要がある場合 (プレーンな JavaScript ほど高速ではありません)、次を使用します。

$("#whatever")

速度が非常に重要な場合は、ページの読み込み時に DOM 要素を解決し、直接 DOM 参照を保存するだけで、後でコードが実際に実行されるときに見つける必要がなくなります。

パフォーマンスに関するすべての質問と同様に、パフォーマンスに関する質問に答える唯一の現実的な方法は、いくつかの実装オプションをベンチマークし、どちらが速いかを実際にテストすることです。

于 2012-02-28T03:10:59.610 に答える