あるHTTPレスポンスにおいて、画面の表示が遅かった(WebブラウザはIEを用いていた)。 表示時には、prototype.js(1.6.0.3)を用いて、次のようにDOMツリーを操作していた。つまり、windowオブジェクトのonloadイベントのタイミングで、DOMツリーの操作を実施していた。 Event.observe(window, 'onload', DOMツリーを操作する関数オブジェクトの参照);つまり、次のように処理されていた(画面が二度描画されるのが、目で見て取れた)。 WebブラウザがDOMツリーを構築する(以下、DOM構築) Webブラウザが画面を描画する(以下、レンダリング) JavaScriptによりDOMツリーを操作する(以下、DOM操作) Webブラウザが画面を描画する そこで、次のように(2番目のレンダリングを除くよう)処理を改善しようとした。 DOM構築 D