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

質問

はじめまして。

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

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

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

回答No.5

think49 · ベストアンサー

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

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

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

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

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

お礼

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

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

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

回答No.4

himemoco77

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

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

補足

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

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

回答No.3

himemoco77

そこまで遅いとは感じませんが、対策としては
pic.jpgがネックとなっているため、ファイル形式を変えてみてください。
jpgでなくてもpng8やgifで充分の画像だと思います。

補足

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

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

回答No.2

noname#100277

光環境下での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

お礼

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

回答No.1

think49

Firebugで検証したところ、画像の読み込みに時間がかかっているようです。
お使いの画像編集ソフトや下記のような減色ソフトを使って、画像サイズを軽減すれば表示速度は改善されると思います。

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

お礼

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