ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

Homeウェブデザイン基礎講座 > ウェブサイトの読み込み速度を速くする7つの方法

ウェブサイトの読み込み速度を速くする7つの方法

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

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

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

読み込み速度を速く

Step1:画像の使用を減らす

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



Step2:重い画像を使わない

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





Step3:テーブルを活用してアイコンをシンプルにする

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



Step4:Flashアニメーションを減らす

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



Step5:CSSのスタイルシートを活用する

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



Step6:アニメーションGIFを極力使用しない

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



Step7:ページ公開後も、読み込み速度のチェックを続ける

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



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



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング