高速化：jQuery と CSS のセレクタは書き方を変えること - ShobonEngineの日記
jQuery 『jQuery クックブック』レシピ 5.10 より高速なセレクタを作成する (P.109) には以下の記述があります。 <table id="log"> <tr><td>Client X:</td><td class="clientX"></td></tr> ... </table> // クラス .clientX を取得する jQuery セレクタ $('.clientX') // 遅い $('td.clientX') // 速いかもしれない $('#log .clientX') // かなり速いかもしれない $('#log td.clientX') // ブラウザによっては速い可能性がある jQuery のセレクタは、#id や tag.class 等の限定されたルールで条件を絞り込むほど高速になる傾向があるようです。 詳しい解説がこちらにあります。 また、jQuery
ReFlowの原因とマークアップの最適化 « NAVER Engineers' Blog
自己紹介 ネイバージャパンのUIT(User Interface Technology)チームの裵完理(ベワニ)です。 概要 CSSやJavaScriptを使って複雑なデザインや動的なページを実装しているサービスが増えてきていますが、速度低下などの問題が発生しやすくなっています。これを100%直すことは難しいですが、改善するにはブラウザレンダリングプロセスを理解する必要がありますので、理解した上で改善方法を探してみましょう。 ブラウザレンダリングプロセスの理解 ブラウザの基本構造 User Interface – アドレスバー、戻る・進むボタン、ブックマークメニューなど、メインウィンドウに表示(document)されるページ以外の部分 Browser Engine – UIとレンダリングエンジン間のアクションを制御するもの Rendering Engine – リクエストしたコンテンツを表
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sprite Images
screw-axis.com