世の中にはそれこそ星の数ほどのサイトがあります。
これを御覧の方も沢山のサイトを訪れていると思います。
しかし、こんな思いをした事はありませんか？「ページがなかなか表示されない！」
そう。それは通称「重い」と呼ばれる現象です。
自分が使っている回線。ネットをしている現在の時間などももちろん原因があるのですが、一番無視される原因は、作っているページそのものにもあるのです。
まずメジャーな線では「重い画像がある。沢山画像がある」。
重いと言っても、データに重さがある訳ではありません。データの量が大きいものという意味です。
「○○キロバイト」という言い方をご存知でしょうか？ この数字が大きいほど「重い」データと呼ばれます。
もちろんこの数字が小さくたって、画像が100も200もあれば当然重くなります。
御覧の方も有名サイトのバナー付リンク集でそれを体験されているかもしれません。
まさしく「塵も積もれば山となる」であろう。
それを解決する方法は一つしかありません。「軽く」する。つまりデータの量を少なくすればいいのです。
あいにく管理人は画像は専門ではないので詳しい解答はできませんが、圧縮が一番メジャーな方法と思われます。
ただし、データの圧縮は画像データの劣化。つまり色などが悪くなるのですが、それでも妥協できる限り圧縮をしましょう。
次に「大きさ」。例えるなら「どのくらいの大きさの紙に描いたか」です。もちろん小さい紙に描いた物の方が、データの量は少なく済みます。
ですので、画面に表示したい大きさ。もしくはそれ以上で作って、目指すサイズに縮小表示させる事をオススメします。
いくらデータ量が少なく済むからといっても小さい物を拡大表示させると、汚く表示されるので止めた方が無難です。
次に上げられるのが「プラグイン」。
きれいなアニメーションのトップページのサイトさんも増えましたね。見ていて華やかで羨ましいです。
が、これもやり過ぎると大変です。
アニメーションのデータを読み込むまでの時間という物がありますから。
これは完全に専門外ですので詳しいコメントはできませんが、トップページからド派手なアニメーションの大量データ読み込みがあるというのは、極めて個人的に嫌なサイトと認定させて戴きます。
勘違いのない様申し上げますが、アニメーションが嫌なのではなくて、大量データ読み込みでなかなか画像が表示されないのが嫌なのです。
そしてマイナーな線では「タグの行替え」が上げられます。
サイト制作者でない方の中には「タグって何？」という方も多いでしょう。
あなたが今お使いのブラウザ(ホームページを見る為のソフト)の画面の上の方に「ファイル」とか「編集」とかいう項目がありませんか？
その中を探っていくと「ソースを見る(単にソースとも)」という項目がありませんか？
それを見ますと妙な単語を含めた文章がズラズラ〜〜ッと表示されるでしょう。
その妙な単語。それが「タグ」です。
基本的にサイトという物はこの「タグ」が必要なのです。
最近はこの「タグ」の知識がなくても、簡単にサイトが作れる作成ソフトが沢山あります。
どれも安くて高性能。どれを使おうか悩むほどに。
しかし、あえて管理人はこう言おう！「それこそが原因の一つだ！！」と。
それはなぜかと申しますと、無駄が多いからなんです。
その作成ソフトの「クセ」と申しましょうか。タグを理解している人が見れば「コレなくても大丈夫」とか「コレじゃなくてこっちにした方が……」という意見がゴロゴロと出てきます。
もう一つは、むちゃくちゃな改行です。
改行させる為のタグがあれば話は別ですが、改行タグを使わず、見やすいからと普通に改行をしたところで、改行してブラウザに表示される事はないのです。
これは、特に表を見ればハッキリします。代表例を上げましょう。
上の表のタグ <div align="center"><center>
<table border="2" cellpadding="3">
<tr>
<td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a
href="kiroku.html"><font color="#FFFF00"><strong>更新記録</strong></font></a><font
color="#FFFF00"><strong>★</strong></font></td>
</tr>
<tr>
<td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a
href="watashi.html"><font color="#FFFF00"><strong>私の紹介</strong></font></a><font
color="#FFFF00"><strong>★</strong></font></td>
</tr>
<tr>
<td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a
href="niki.html"><font color="#FFFF00"><strong>日記帳</strong></font></a><font
color="#FFFF00"><strong>★</strong></font></td>
</tr>
<tr>
<td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a
href="info.html"><font color="#FFFF00"><strong>インフォメーション</strong></font></a><font
color="#FFFF00"><strong>★</strong></font></td>
</tr>
<tr>
<td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a
href="e.html"><font color="#FFFF00"><strong>ギャラリー</strong></font></a><font
color="#FFFF00"><strong>★</strong></font></td>
</tr>
<tr>
<td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a
href="bbs.html"><font color="#FFFF00"><strong>掲示板</strong></font></a><font
color="#FFFF00"><strong>★</strong></font></td>
</tr>
<tr>
<td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a
href="link.html"><font color="#FFFF00"><strong>リンク集</strong></font></a><font
color="#FFFF00"><strong>★</strong></font></td>
</tr>
<tr>
<td align="center" width="100%"><font color="#FFFF00"><strong>★</strong></font><a
href="mail.html"><font color="#FFFF00"><strong>メール</strong></font></a><font
color="#FFFF00"><strong>★</strong></font></td>
</tr>
</table>
</center></div>
これは、とある作成ソフトで作りました物です。サイトのトップページによくある物と思います。
ちなみにリンク先は架空の物なので何も表示されません。
どうです？ アレだけの表を構成するのにこんなにも画面をスクロールさせねば全文の確認ができないなんて、バカバカしいと思いませんか？
「別に」と思った方は、他のコンテンツを見ていて下さい。見続けても退屈するだけだと思います。
「その通り」と思った方は、「進む」から次のページへ進んで下さい。