サイトやブログの表示速度を考える
今日はサイトやブログの表示速度を考える事について書いてみます。
サイトやブログでは多くの方が画像を使っていると思います。
でも、この画像もサイズによっては、
サイトの表示速度に大きな差がでてきます。
メルマガと違ってサイトやブログの良いところは、
画像が使えると言う事です。
メルマガを運営していると、
文章だけで表現することの難しさが分かると思います。
こちらの意図と違うようにとられたり、
説明しても真意が伝わらなかったりと、
文章だけで伝えるのは非常に難しいことなのです。
でも、サイトやブログでは画像が使えますので、
この説明の部分をかなりのウエイトで補う事が出来ます。
一見便利そうに見えるこの画像なのですが、
使い方によっては弊害が出る場合があります。
それはサイトやブログの表示スピードです。
今は以前に比べインターネットの回線が高速化され、
表示速度の改善もなされていますが、
インターネットを閲覧する全ての方が、
そのような環境を使っている訳ではありません。
そうして、最近は以前もお伝えしたように、
スマホからのアクセスも増えています。
都会にいけば4Gなので、ストレスなく閲覧出来ますが、
田舎にいけば電波状況により、閲覧環境も変わってきます。
そこで、サイトやブログを作る場合は、
このサイトやブログの表示速度まで考えておかなければいけません。
例えばあなたがサイトやブログを見る場合に、
表示速度の遅いサイトやブログを見た時にどうしますか?
そのまま読み込まれるまで待ちますか?
私は待ちませんね。
そんな表示の遅いサイトはすぐに閉じてしまいます。
多くの方はこういう行動をとるのではないでしょうか?
そこで表示速度をあげる為にはどうするのかと言うと、
画像を使っている場合は画像のサイズを極力小さくすると、
サイトの読み込み速度は上がってきます。
でも、ここで一つ注意することがあります。
それは先ほども書きましたが、
文章での説明の補足に画像を使う訳です。
あまりサイズの小さな画像は見辛くなります。
文章の補足に使う画像が見辛かったら、
本末転倒になってしまいます。
そこで画像を全て同じ解像度にするのではなく、
多少見づらくても良い画像は小さく、
説明で重要な画像は大きくと使い分ければいいのです。
例えば下の画像。
この画像は300dpiの解像度で423KBあります。
これも同じく300dpiで520KBあります。
でも、この画像は全体の雰囲気を伝える為の画像なので、
ここまでの解像度は必要ないと思います。
極端な話し下の解像度でも良いと思います。
この画像のサイズは63KBと約1/6のサイズになっています。
これも73KBの画像です。
まあ、ここまでは極端ですが、全体の雰囲気を伝える画像は、
あまり解像度の高い画像を使う必要はないと言う事です。
でも、下のような画像ではそうは行きません。
この画像はタグの説明の補足で使ったものです。
これを画像サイズが大きいからといって、
先ほどと同じような感じで圧縮するとこうなります。
どうですか?
かなり読み辛くなっているでしょう。
このように補足に重要な画像を小さくしてしまうと、
画像を使った意味が全くなくなってしまいます。
でも、表示速度を考えると、出来るだけ画像サイズは小さくしたいところです。
そこで、先ほども書いた通り、
画像の用途でサイズも使い分ければ良いのです。
全体の雰囲気を伝えるような画像は、
全体の雰囲気が伝わればいいので、
画像サイズの小さいものを使い、
文章の補足に使うような重要な画像は、
画像サイズの大きいものを使い見やすくしておけば、
サイトの表示速度も早く、
それでいて説明も分かりやすいサイトが作れます。
このように画像を使う場合は、
サイトの表示速度も考えるようにしておかなければいけません。
確かにサイズの大きい画像を使えば見た目はキレイです。
でも、サイトを表示する時に時間がかかってしまいます。
スマホでの閲覧であれば環境によってガラリと変わってきます。
どのような環境でもある程度の表示速度を維持する為にも、
画像の使い方にも注意する必要があるのです。
このように画像の使い方一つでアクセスも変わってきますので、
サイトやブログを運営するときの参考にしてくださいね。
先日書いたキーワード選定の記事ですが、
今日のお昼に覗いてみたら、
ブログ村の注目記事の6位になっていました。
ブログランキングに参加しています。
このブログの気になるランキングは下のバナーをクリックすると確認できますよ。
結構いいところにいます。
宜しければ応援お願いします。
Googleアドセンスで
月に3万円稼げるようになりました。
Googleアドセンスで
月に3万円稼いだ方法は
下のバナーをクリックして読んで下さい。