このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
2015年にもなるのにJavaScriptでのDOM操作のパフォーマンスについて書く。ウェブページにインタラクションを持たせたい時に、JavaScriptでDOM操作を行うことがよくある。このDOM操作のパフォーマンスについて、よく聞く意見を大別すると次の2つがある。 JavaScriptによるDOM操作は重たい レンダリングが重いだけで、DOM操作そのものはそれほど重たくない JavaScriptでオブジェクトのプロパティを操作したりする単体の処理は通常1ミリ秒もかからないが、DOM操作をするとレンダリングが完了するまでに数十ミリ秒程度かかったりする場合がある。1番目のDOM操作が重たいと言っている人は経験則的にそう言っていることが多い。 レンダリングの仕組みを知っている人は2番目の意見を言うが、重箱の隅をつつくような話をするとこれも必ずしも正しいわけではない。DOM操作するコードによっ
HTML内にjsを書くな。 jsDocを書け。 構文エラーのわからないエディタを使うな。 言語に足りない部分はツールで補え。 Chrome基準で作ると後で速度差に苦しむ。 1ファイルに数百行も書くな。 GruntやRequierJSを使ってモジュール化しろ。 描画に関するチューニングは後からできない。作り直しならできる。 $(function(){}) で全部囲むのはやめろ。 グローバルおじさんは無名関数で囲んで叩け。 半端な覚悟でsetTimeoutを使うな。 動的なページに組み込むより先に静的なHTMLで動くようにしろ。 自分が直せない怪しいライブラリは使うな。 どうせブラウザによって挙動違うのでECMAの仕様とか自己満足。 ネイティブアプリに勝とうとする時間を他のことに使え。 慣性スクロールが欲しいならMacを使え。 Flashのほうが簡単ならFlashでやれ。 Netscapeは死
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く