投稿日：2010年05月18日　　　レベル：初心者　　　　ソフトウェア：なし

---

このチュートリアルでは、ウェブサイトの読み込み速度を速くする7つの方法を紹介します。

高品質のウェブサイトを制作するうえで、読み込み速度を速くすることは特に重要です。
読み込み速度が遅いと、訪問者は次第に減っていきます。
これから紹介するポイントをチェックして、読み込みの速さとデザイン性の高さを合わせ持ったウェブサイトを作りましょう。
きっと訪問者のサイト滞在時間を延ばすことが出来るはずです。

• Step1 ： 画像の使用を減らす
• Step2 ： 重い画像を使わない
• Step3 ： テーブルを活用してアイコンをシンプルにする
• Step4 ： Flashアニメーションを減らす
• Step5 ： CSSのスタイルシートを活用する
• Step6 ： アニメーションGIFを極力使用しない
• Step7 ： ページ公開後も、読み込み速度のチェックを続ける

ウェブデザインへ彩りを加えるなど、ページの見た目を魅力的にするためには、画像の活用が重要です。
しかし、画像を使いすぎると、サイトの読み込みが遅くなります。
そのため、必要な画像だけを残して、シンプルかつプロフェッショナルな見栄えのページに作ります。
読み込みの速いウェブサイトを作る最善の解決策は、画像の使用を最小限に抑えてデザインすることです。
サイトをシンプルに作ることが最善の結果を生むことを覚えておきましょう。

画像を使用すると、ページの読み込み時間が乱れます。
ウェブサイトにたくさんの画像を入れる必要が本当にあるのならば、小さなサイズの画像を使うことで読み込み速度は速くなります。
画像のサイズを1枚当たり（最大で）15キロバイトにして、読み込みスピードを保ちます。
もしも、大きな画像を見せる必要があるのならば、小さい画像やサムネイルをページに使用して大きい画像へのリンクを設定します。
この場合、大きい画像が読み込まれるのを待つか否かの選択肢を、訪問者に与えることができます。

サイトのアイコンとして画像を使う代わりに、メニューを入れたテーブルを活用します 。
テーブルをクリエイティブに作ると、デザインの見た目がずっと良くなるうえ、読み込み時間も速くなります。

Flashアニメーションは訪問者の注意を引きますが、訪問者のPCのシステムがダウンしたりページの読み込みが遅くなったりと問題を引き起こし、サイトの印象を悪くすることがあります。
悪影響を避けるためには、訪問者を長く待たせることになるFlashアニメーションはできる限り使わないようにします。
本当に必要な場合は、サイズを出来る限り小さくします。

CSSのスタイルシートはシンプルなHTMLコードなので、とても速く読み込むことが出来ます。
そのため読み込みの速いウェブサイトをデザインするには、CSSスタイルシートを効果的かつクリエイティブに使う必要があります。
そうすれば、デザインされたテキストや他の効果で、訪問者の注意を引くことができます。

「画像やFlashアニメーションと同様に、アニメーションGIFはページの読み込みを遅くします。
それほど重要でない場合は、アニメーションGIFを使わないようにしましょう。
アニメーションGIFはサイトデザインの幅を広げますが、必要でない場合には減らしましょう。

サイトのデザインがうまくいった後も、常にページの読み込み速度のチェックを続けます。
読み込み時間を定期的にチェックすると、ページの改善に役立ちます。
ページを改善することで、訪問者が長い時間滞在するようになります。
また、サイトの更新頻度をあげることで、リピーターが増えていきます。

引用:Web Design Library　著者:Ivonson Kwee　翻訳：菊池

スポンサードリンク