ホープページの表示速度が遅い。。

はじめまして。

現在ホームページを作成中なのですが、↓http://shinkawakoukou.web.fc2.com/

実際にアップしてみたところ、表示速度が遅いです。。

どうすればもっとスムーズに動くようになるでしょうか？
お分かりの方おられましたご回答お願いします＞＜

No.5 ベストアンサー 回答者： think49 回答日時： 2009/06/27 20:35

#1です。

再びFirebugで検証し、高速化されたことを確認できました。
無事、画像サイズを減らせたようで何よりです。

あともう一箇所、今気が付いたこと。
ロールオーバーに使っているJavaScriptをCSSに変更すると更に軽くなりますね。

ロールオーバーリンク6 ～CSSテクニック～
http://www.stylish-style.com/csstec/basic/l-roll …


# 余談ですが、下記のh2要素にメニューの画像が使われているのは意図通りでしょうか？

掲示板 | 愛知県立新川高校は宝箱
http://shinkawakoukou.web.fc2.com/board.html

この回答へのお礼

即座に返答いただいたにもかかわらず、遅れて申し訳ありません＞＜；
再び検証までしていただき本当にありがとうございます☆

当初、ロールオーバーをＣＳＳで試みたところ、
うまくいかずＪＡＶＡＳＣＲＩＰＴへ逃げてしまいましたが、
またあきらめず挑戦していきたいと思います！

h2要素にメニューの画像は意図してではありませんでした。
サブページまでチェックしていただき、感謝です♪

お礼日時：2009/06/30 04:04

No.4 回答者： himemoco77 回答日時： 2009/06/27 19:06

もう1コ改善箇所。

pic.jpgをCSSで背景画像にしてみてください。
キャッシュされるので読み込みが速くなります。

#mainvisual{
background-image:url("images/pic.gif");
}
/* 画像形式をgifに変える前提です */

この回答への補足

さっそく変えてみたところ、改善され軽くなったようです。
ありがとうございます☆

ただ、mainvisualのテキストを表示させたくないため、
「text-indent: -9999px」
で無理やり消してしまいましたがこれでOKでしょうか？？

補足日時：2009/06/27 19:47

No.3 回答者： himemoco77 回答日時： 2009/06/27 19:00

そこまで遅いとは感じませんが、対策としては

pic.jpgがネックとなっているため、ファイル形式を変えてみてください。
jpgでなくてもpng8やgifで充分の画像だと思います。

この回答への補足

ありがとうございます！
しかしgifで試してみたところ、
不自然な線のようなものが見えてしまい、
見た目がイマイチでした＞＜；

pngに変えたら、軽く、さらにキレイになりました。
ありがとうございます☆

補足日時：2009/06/27 19:29

No.2 回答者： noname#100277 回答日時： 2009/06/27 12:28

光環境下でのFirefox3.0.11での描画時間。

画像12/12 読み込み22KB 速度11,77KB/s 時間1.874
と結果が出ます。
完全に全ファイル読み込み迄何秒掛かってるのですか？
因みに当方の環境。
Windows Vista Home Premium SP1
VALUESTAR L VL300/T 4.00GB RAM
Intel(R)Core(TM)2 Duo CPU E7400@2.80GHz

この回答へのお礼

ありがとうございます！
そんなに時間はかからないのですが、
他のサイトに比べ、表示が遅く感じたので。。

お礼日時：2009/06/27 19:53

No.1 回答者： think49 回答日時： 2009/06/27 10:17

Firebugで検証したところ、画像の読み込みに時間がかかっているようです。

お使いの画像編集ソフトや下記のような減色ソフトを使って、画像サイズを軽減すれば表示速度は改善されると思います。

Yukari
http://ringonoki.net/tool/convert/flax.php

この回答へのお礼

改善してみます！
ありがとうございます★

お礼日時：2009/06/27 19:50