SUNSWEBLOG

表示を早くするには

アクセス解析のキーワードの中に「ｈｔｍｌ　表示を早くする」で検索してたどり着いた方がいらっしゃいました。そんな関連の文章書いたっけな？まっそれはどうでも良いとして．．．。

表示を早くするにはズバリ！「ソースの記載を少なくする事！」これに限ります。

あたり前の事ですが、とにかく余計な記載はしないって事です。

• CSSで指定できるものはすべて置き換える。
• スクリプト・CSSなどは外部ファイルとする。
• 余計なDIVは限界まで削除する。
• 画像は必ずサイズ指定する。+可能な限り保存サイズを抑える。

etc．．．（他にももっとあるだろうけど？）

でも大体上記の事をきおつければテーブルでガチガチのサイトと比べればファイルサイズは半減、又はそれ以下になると思います。少し前までは「大きな画像は分割して．．．」とかありましたけど回線環境が向上したので物理的な大きさよりもバイト数を少なくする事を優先した方が良いかも知れませんね。

非推進裏技

よく知られているので、全然裏技でも何でもないですが、一応記載しておきます。

それは．．．

「ソースの改行をすべてなくす事！」です。

テーブルレイアウトしたサイトでもこれをすると結構ファイルサイズが下げられます。
これホント！実際に作成してみて比べるとわかると思います。

★但し注意点！
非常にソースが見づらくなるので後の編集が面倒かも。（編集用のバックアップを！）
改行位置によっては表記が崩れる場合もあります。

ってな感じで試してみてください。

ちなみに．．．。

改行をなくさなくてもソースのインデントをなくすだけでも効果はあります。完成した段階でアップロード前にやってみて下さい。（ソースコードのインデントの有無は、コーダーの好みによって様々ですが・・・）

dreamweaverでインデントを削除する方法は．．．

エディターでコーディングされている方は、自動でインデントが入る場合があります。dreamweaverの場合は、範囲を指定して「shift」+「tab」を数回繰り返す事でインデント詰めが出来ます。

そもそも重い場合は・・・

今や、ASDLだ光回線だとインフラが整ってきている昨今、それでもページの表示が遅い場合は、インデントを無くすとか以前に、改善する根本の要因があるはずです。「FLASHや画像が重い」、「コンテンツが多すぎる」、「使用しているサーバーがダメダメ」、「テーブルが何重にも入れ子になってる」などなど。

その要因（原因）を見直した方が根本的な解決に繋がるかと思います。