ちょっとまって、そのforループめちゃくちゃ遅くない？？？ - Qiita

色々あって、この令和の時代にjQuery2.xで書かれたコードを読んでいました。 対象のHTMLから、要素の数だけループして特定の値を抜き出す、というごくごくシンプルなjQueryです。 シンプルなのですが、毎回DOMツリーを全探索していて、要素数が多いと遅くなりそうだったので、実際に検証した結果をメモとして残しておきます。 結論 結論から先に書くと、やっぱり遅かったので、高速化大事だなぁという話です。 まとめると以下です。 ループのlengthは毎回計算しない 無駄にDOMツリーを全探索してはいけない 取得したオブジェクトはキャッシュして使いまわす jQueryを使わなくていいなら極力使わない 対象のHTML <div> <div class="hoge"> <a href="#a1">リンク1</a> <!-- ★1 hrefの値を取得したい --> </div> <div class