DHTML(JScript)のチューニング覚え書き。

【display=”none”について】 　JScriptによる画面更新が頻繁に起こる事で 処理速度が低下する事がある。 　そんな場合に、画面描画を停止させるため、 document.body.style.display=”none”等

【display=”none”について】

　JScriptによる画面更新が頻繁に起こる事で

処理速度が低下する事がある。

　そんな場合に、画面描画を停止させるため、

document.body.style.display=”none”等で

画面を非表示にすると効果がある事も。。

他にも”screen.updateInterval”という画面更新間隔を

変更する命令が存在するが、どうなのだろうか。。。

【visibility=”hidden”】

単にオブジェクトを非表示にしたいだけならば、

display=”none”よりvisibility=”hidden”の方が

コストが低いらしい。。

【display・visibilityの違い】

・display ：オブジェクトの存在するべきエリアは確保されない

・visibility ：オブジェクトの存在するべきエリアは確保される

【”.all” について】

全てのオブジェクトに、”document.all”を付けていたが

これを外す事で、処理時間が短縮された。

余分な、”.all”は、付加しない方が速い様である。

他にも、”.all”配下を複数個所で参照している場合は、

“.all”を、変数に格納して、それを参照する様にすれば

数十ms単位での高速化が行えた。

(変数に格納する代わりに、withステーメントを使用すると

　ソースが、整理されて良い感じに。

　JScriptのwith句、allに関しては多少の効果がある模様。。)

【TABLEタグ。】

無駄なTABLEタグの入れ子は行わない様意識すると。

ブロック要素として扱いたいだけならば、

<DIV>等で代用出来る事も結構ある。

（style=”float:left;”と組み合わせたりで。）

【他に..MSのコラムより】

・必要な変数は、正しく宣言した方が良いそうな。。

・JScript,VbScriptの混在は、遅いそうな。。

↓DHTML ページのパフォーマンス向上

http://www.microsoft.com/japan/msdn/columns/dude/dude1201.asp

画面を非表示にすると効果がある事も。。 他にも”screen.updateInterval”という画面更新間隔を 変更する命令が存在するが、どうなのだろうか。。。 【visibility=”hidden”】 単にオブジェクトを非表示にしたいだけならば、 display=”none”よりvisibility=”hidden”の方が コストが低いらしい。。 【display・visibilityの違い】 ・display ：オブジェクトの存在するべきエリアは確保されない ・visibility ：オブジェクトの存在するべきエリアは確保される 【”.all” について】 全てのオブジェクトに、”document.all”を付けていたが これを外す事で、処理時間が短縮された。 余分な、”.all”は、付加しない方が速い様である。 他にも、”.all”配下を複数個所で参照している場合は、 “.all”を、変数に格納して、それを参照する様にすれば 数十ms単位での高速化が行えた。 (変数に格納する代わりに、withステーメントを使用すると 　ソースが、整理されて良い感じに。 　JScriptのwith句、allに関しては多少の効果がある模様。。) 【TABLEタグ。】 無駄なTABLEタグの入れ子は行わない様意識すると。 ブロック要素として扱いたいだけならば、 <DIV>等で代用出来る事も結構ある。 （style=”float:left;”と組み合わせたりで。） 【他に..MSのコラムより】 ・必要な変数は、正しく宣言した方が良いそうな。。 ・JScript,VbScriptの混在は、遅いそうな。。 ↓DHTML ページのパフォーマンス向上 http://www.microsoft.com/japan/msdn/columns/dude/dude1201.asp