tamacyaのブック
mindiatamacyaのブック見出し語

jQuery 高速化

tamasally · 2012-03-29 更新

jQuery を高速に使う CSS セレクタの書き方
http://d.hatena.ne.jp/nitoyon/20081211/jquery_fast_css

.hoge と#hogeでは負荷が違うらしい。
idは基本的に一個しかないものだから、一度検索に引っかかると処理をやめるけどclassは複数存在するものだから、全文検索して処理するからという理解。

後、大雑把に「このdivの中のradioを全部.attr('disabled', true);」するよりも、細かく条件をつけてあげたほうが処理に時間がかからない。

jQueryCSSセレクタAPIを高速に扱う方法
http://tech.kayac.com/archive/jquery-selector-api-tuneup.html

$('div#hoge') * 1000 = 25ms
$('#hoge') * 1000 = 3ms
$('div.hoge') * 1000 = 23ms
$('.hoge') * 1000 = 13ms

「div#hoge」よりも「#hoge」と書いたほうが早い。

関連する見出し語