はじめまして。
現在ホームページを作成中なのですが、↓http://shinkawakoukou.web.fc2.com/
実際にアップしてみたところ、表示速度が遅いです。。
どうすればもっとスムーズに動くようになるでしょうか?
お分かりの方おられましたご回答お願いします><
No.1
- 回答日時:
Firebugで検証したところ、画像の読み込みに時間がかかっているようです。
お使いの画像編集ソフトや下記のような減色ソフトを使って、画像サイズを軽減すれば表示速度は改善されると思います。
Yukari
http://ringonoki.net/tool/convert/flax.php
No.2
- 回答日時:
光環境下での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.3
- 回答日時:
そこまで遅いとは感じませんが、対策としては
pic.jpgがネックとなっているため、ファイル形式を変えてみてください。
jpgでなくてもpng8やgifで充分の画像だと思います。
この回答への補足
ありがとうございます!
しかしgifで試してみたところ、
不自然な線のようなものが見えてしまい、
見た目がイマイチでした><;
pngに変えたら、軽く、さらにキレイになりました。
ありがとうございます☆
No.4
- 回答日時:
もう1コ改善箇所。
pic.jpgをCSSで背景画像にしてみてください。
キャッシュされるので読み込みが速くなります。
#mainvisual{
background-image:url("images/pic.gif");
}
/* 画像形式をgifに変える前提です */
この回答への補足
さっそく変えてみたところ、改善され軽くなったようです。
ありがとうございます☆
ただ、mainvisualのテキストを表示させたくないため、
「text-indent: -9999px」
で無理やり消してしまいましたがこれでOKでしょうか??
No.5ベストアンサー
- 回答日時:
#1です。
再びFirebugで検証し、高速化されたことを確認できました。
無事、画像サイズを減らせたようで何よりです。
あともう一箇所、今気が付いたこと。
ロールオーバーに使っているJavaScriptをCSSに変更すると更に軽くなりますね。
ロールオーバーリンク6 ~CSSテクニック~
http://www.stylish-style.com/csstec/basic/l-roll …
# 余談ですが、下記のh2要素にメニューの画像が使われているのは意図通りでしょうか?
掲示板 | 愛知県立新川高校は宝箱
http://shinkawakoukou.web.fc2.com/board.html
即座に返答いただいたにもかかわらず、遅れて申し訳ありません><;
再び検証までしていただき本当にありがとうございます☆
当初、ロールオーバーをCSSで試みたところ、
うまくいかずJAVASCRIPTへ逃げてしまいましたが、
またあきらめず挑戦していきたいと思います!
h2要素にメニューの画像は意図してではありませんでした。
サブページまでチェックしていただき、感謝です♪
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- FTTH・光回線 Zoomに必要な回線速度はどのくらいでしょうか 3 2023/02/12 14:02
- 物理学 光速度に近い速度で移動しても、時間や時計の動きが遅くなる?等は、あり得ない。 3 2022/09/24 00:47
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- その他(パソコン・周辺機器) 動的ページがスムーズに表示されない 1 2022/10/23 18:02
- 物理学 時間を語るなら、(複数の時間の正体)を知る必要が有る。 1 2023/02/16 22:14
- 格安スマホ・SIMフリースマホ 5G表示なのに速度測定をすると4Gに切り替わる。何故? 楽天モバイルです。 楽天の5Gエリアマップを 3 2022/08/21 17:24
- ルーター・ネットワーク機器 Wifi速度低下で困ってます。 5 2023/01/23 10:19
- 物理学 xy平面上を運動する物体Aがある。この物体の時刻tにおける位置ベクトルra(t)がra(t)=p + 2 2022/05/22 14:00
- WordPress(ワードプレス) 実際にスマホ(iPhone)で表示させると高速で表示されるのにPageSpeedで低速だし、サーチコ 1 2022/05/09 09:45
- PHP php my adminより取り出したデータ表示 2 2022/06/15 11:56
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
アップロード画像数でCSSを分け...
-
【PHP】サーバー上で TIFFをJPE...
-
★PHP★画像アップロードの際に余...
-
PythonのTkinter詳しい方へ。画...
-
C#とJavaで、MP3タグの画像を表...
-
C# Excelファイルへの画像挿入。
-
透過PNGが透過されない!!
-
Illustratorで文字と画像を流し...
-
GDの画像変換でサーバーに負荷
-
PHP + MySQL で画像データ表示
-
エクセルでカレンダーマクロの...
-
PHPで半透明画像を作りたい
-
VBSの「MsgBox」について
-
imageフォルダに、画像をリサイ...
-
PostgreSQLのラージオブジェク...
-
<img src="http://x.y.com/cgi-...
-
VBAでJPGサイズ変更
-
PHPによる画像の生成による色の...
-
こちらはただの直列処理ですか?
-
フォントの色を変えるには?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VBSの「MsgBox」について
-
拡張子php画像をjpg画像等に変...
-
透過PNGが透過されない!!
-
アップロード画像数でCSSを分け...
-
imageフォルダに、画像をリサイ...
-
VBAでJPGサイズ変更
-
Illustratorで文字と画像を流し...
-
VBAのコードを教えてください
-
C# Excelファイルへの画像挿入。
-
php,mysqlにて画像パス保存/表...
-
GDI+を使ったビット数とDPIの扱い
-
SQLiteに画像を格納したい
-
ListViewコントロールでサムネ...
-
★PHP?★画像を縦横比を変えずに...
-
ビットマップ画像を読み込むプ...
-
phpで画像がどうしても文字化け...
-
PHPで吐き出した画像にリンクを...
-
phpMyAdminに画像を保存できない
-
OpenGLで描いて画像ファイル出力
-
手作業で埋め込んだ、UserForm1...
おすすめ情報