軽い画面(サーバー、ネットワーク負荷的に）

初心者です。宜しくお願い致します。

サーバー負荷を軽減したいを作成する方法で
知恵をお借り致します。

XHTML+CSSでHPを作成しようと考えています。
マウスオーバー時、マウスカーソルに位置している背景を
変える方法として、
1.画像を変える。
2.CSS + JavaScriptで（例えば、表にして）バックの色を変える。
など思いつきます。

CSSで背景を変更したりすると、サーバーへのリクエストが発生し、
逆に負荷がかかる。と聞いた事がありますが、
如何なものでしょうか。

又、デザイン重視の書籍は多数ありますが、
サーバー負荷についての関連書籍があれば、ご紹介頂けたら、幸いです。

No.2 ベストアンサー 回答者： inu2 回答日時： 2007/11/29 14:28

一長一短ですよ

JavaScriptの場合。
マウスオーバーされようがされまいが、すべての画像もあらかじめ読み込んでおく必要があり、最初の読み込み時に負荷かかる

CSSの場合。
マウスオーバーされた時点でキャッシュがなければサーバーにリクエストが行くので負荷がかかるが、マウスオーバーされなければ無駄な画像を取得しに行く必要が無い分最初の負荷が減る

この回答への補足

用途によって、使い分けた方が良さそうですね。
ありがとうございます。

補足日時：2007/11/29 14:36

No.1 回答者： yambejp 回答日時： 2007/11/29 13:43

cssでも絶対にキャッシュをしないということはないと思いますが

確実に画像のキャッシュをつかいたいならjavascriptで
onload時にImageオブジェクトを作っておくことです。

この回答への補足

なるほど。ありがとうございます。
CSSは、特にキャッシュの考慮は必要ないものでしょうか。
何か考慮する必要がありましたら、コメントお願い致します。

補足日時：2007/11/29 14:08