ブラウザ動作の理解－リフローとリペイント及びその最適化 | ゆっくりと…
ブラウザ動作の理解の2回目です。今回はレンダリング・ツリーの更新に絡む、リフロー （要素の大きさ、位置などの再計算） とリペイント （描画） に関する解説を、「High Performance Web Pages – 20 new best practices」 の著者 Stoyan Stefanov のブログエントリーから 「Rendering: repaint, reflow/relayout, restyle」 を翻訳してお届けします。 同記事は、前半がリフローとリペイントに関する解説と、表示レスポンスを向上させるためのスタイル変更に関する Tips、後半は dynaTrace AJAX Edition と SpeedTracer を使った IE および Chrome の描画パフォーマンスの計測の解説で構成されてる、長い記事となっています。 今回はその前半部分をご紹介します。 レンダ
htmlソースからDOM生成用のJavaScriptコードを吐くツール【DOM Tool】｜JavaScriptプログラムメモ｜プログラムメモ
◆ DOM Tool http://muffinresearch.co.uk/code/javascript/DOMTool/ 便利です。 htmlソースを入力して【Create DOM Statements】ボタンを押すと DOM生成用のJavaScriptコードを吐いてくれます。 例：＜div id="text"＞＜/div＞というhtmlコードを JavaScript で実行したい。 HTML： <div id="test"></div> OUTPUT： var div1=document.createElement('div'); div1.setAttribute('id','test');
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
