初めてHPを作ったのですが、ファイルのまとめ方で分からないことがあります。今のファイルの階層は、
├index.htm
├その他のフレーム用HTMLファイル
├スタイルシート
├imageフォルダ
└フレーム非対応用フォルダ
├フレーム非対応用imageフォルダ
├フレーム非対応用HTMLファイル
└フレーム非対応用スタイルシート
となっています。
しかし、フレーム非対応用のimageデータはフレームを使ったページとほぼ同じ物を使用しているので、フレーム用とフレーム非対応用のimageフォルダを1つにしたいと考えています。
また、index.htmでフレーム用とフレーム非対応用を分け、それぞれのフォルダにしたいと考えています。予定は以下のようにです。
├index.htm
├imageフォルダ
├フレーム用フォルダ
└フレーム非対応用フォルダ
さて、そこで、疑問がわいてくるのですが、いままで、たった1つ下の階層にあったそれぞれのイメージファイルたちが、1つ上の階層の他のフォルダの中に移動されたら、読み込む際の速度はどうなるのでしょうか。
普通のダイヤルアップで接続してくる人たちを基準とした速度の違いを知りたいと思います。
いろんなHPや、本で調べては見たのですが、ファイルの置き方について見つけられず困っています。もし、そのようなことの載っている本やHPをご存知でしたら教えて頂けないでしょうか。
また、HPはまだアップする段階にいたっておらず、HPのアドレスはないです。
たいへん長くなってしまいましたが、どうぞよろしくお願いいたします。
No.2ベストアンサー
- 回答日時:
こんばんわ。
ひとつ階層を上にすると、ページファイルサイズは重くなり、厳密に言えば、読み込みは遅くなります。ただ、よほどイメージ画像を使っていない限り、人が体感して「あ、遅くなった」と感じる程度にはならないと思います。同じ階層にイメージを置いている場合、画像の指定は、
image/title.gif ですが、ひとつ上の階層に置くと
../image/title.gif となりますよね。 そうすると文字が増えているので
ファイルサイズは重くなるのです。(実際に上記のテキストをノートブックなどに
打ち込んでファイルサイズを比較すればわかりやすいです)
1ページにいくつものイメージがあると、画像の数だけ「../」というテキストが
以前より増えるため、そのテキストサイズによりHTMLページが重くなります。
ただ、一般的には、共通イメージを色々な場所で使ったり、管理の面からして、
イメージはひとつのフォルダに入れておくのが便利です。
なので、オススメは、
../img/title.gif のように「image」ではなく「img」のように
フォルダ名をなるべく短くすることです。
各画像についても同じです。 title_2001.gif よりも tl2001.gif のような
省略形のほうが軽くなります。
得によくつかう画像、透明スペースなど、 spacer.gif という書き方も
一般的ですが、 0.gif や sr.gif など極力短くするとそれだけでページファイルの読みこみは速くなります。
参考になる意見をありがとうございます。今は自分が1目で分かるように、長めの名前になってしまっているところがあるので、短くしていきます。
No.1
- 回答日時:
フォルダを移動した程度では、ファイルの読み取り速度は体感できる程の速度の変化は起きません。
なので、答えは変わりませんです。ただし、今までそのページを見ていた人は、フォルダ構成が変化したので、再度そのページを見るときに、キャッシュの関係で最初の1回は遅くなるかもしれません。
ファイルの置き方としては、フレームと非フレームでファイルが同じならば、容量も節約できるので、その方法で良いと思います。
微妙に違うのであれば、ファイル名でわかるようにするか、フォルダで分けて管理するのが、良いと思います。
でも、わかりやすい・わかりににくいは、人それぞれなので、自分がわかるようにすれば問題ないと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 家具・インテリア ダブルのベッドにクイーンのマットレス 5 2023/02/11 08:35
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- メガネ・コンタクト・視力矯正 失敗した高額メガネ 6 2022/12/03 23:11
- Visual Basic(VBA) あるフォルダーのファイルを違う親フォルダーのサブフォルダーに移したい 11 2023/02/15 19:00
- ゴルフ ショットナビクレスト ゴルフ場データ更新について 2 2023/01/01 10:34
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- 画像編集・動画編集・音楽編集 動画ファイルの圧縮方法についてはIフレームだのPフレームだの使って圧縮するらしいのですが、音声データ 1 2022/08/26 18:28
- Windows 10 Windows10で、フォルダにあるすべてのファイルを、下層フォルダも含め一つの階層へ配置し直したい 3 2022/05/31 09:50
- Windows 10 ショートカットの作り方と使い方について教えて下さい。 3 2022/05/27 08:44
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
HTMLファイルの置き方による読...
-
スタイルシートで背景画像を固...
-
フレーム分割した全体をスクロ...
-
フレーム内のPHPへPOSTで情報を...
-
フレームを使ったときに横スク...
-
HPの一部に他のHPを表示
-
フレームで指定している送信先...
-
リンクの禁止事項の意味を教え...
-
フレームが表示されない><
-
URLを変えないで表示する方法
-
フレームを使ったページにリン...
-
pythonのエラーについての質問...
-
ホームページの写真が表示されない
-
インラインフレームのデメリット
-
フレームで呼び出されるのを拒...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
HTMLページが勝手にダウンロー...
-
VBA URLDownloadToFileについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フレームの片方だけを更新(リロ...
-
pythonのエラーについての質問...
-
どのページもすべて同じURLなの...
-
2つのページを重ねたい
-
フレームが表示されない><
-
スクロールできない
-
スタイルシートで背景画像を固...
-
ブラウザで4分割表示できますか?
-
フレームページが表示されない...
-
WordファイルをHTMLに埋め込む方法
-
html 左メニューから右への表示...
-
CSSを使って画像をクリックする...
-
上下フレーム分割ページでプル...
-
URLを変えないで表示する方法
-
フレームの表示と非表示の切り替え
-
フレームあり、なしの違い
-
フレーム内に画像を表示する際...
-
違いを教えてください?
-
左フレームからのリンクを右フ...
-
インラインフレームへのリンク...
おすすめ情報