DOM挿入のいずれかの種類を実行するときに単一の要素のすべてをラップする

出典jQueryのパフォーマンス高速化Tipsまとめ | webプログラマーのメモ

var menu = '<ul id="menu">';
for (var i = 1; i < 100; i++) {
menu += '<li>' + i + '</li>';
}
menu += '</ul>';
$('#header').prepend(menu);

// 代わりにこちら:

$('#header').prepend('<ul id="menu"></ul>');
for (var i = 1; i < 100; i++) {
$('#menu').append('<li>' + i + '</li>');
}

前へ 次へ

この情報が含まれているまとめはこちら

jQuery/JavaScriptの高速化テクニックまとめ

Javascriptや、jQueryなどのフレームワークを利用する際の高速化テクニックのまとめ。知っているのと知らないのとでは、インターフェースの使い心地に大きく差が出るところです。

このまとめを見る