クローラーに好まれ、訪問者に優しいサイトを目指す

2009年11月5日 | たぬきちのぼやき | コメント/トラックバック (7)

最近、私の周りでサイト閲覧の速度について取り上げている方が結構いたので調べてみたんですがね・・・驚くべき事実にぶちあたりました。それについてご報告をしたいと思います

私のサイトの閲覧は重いと感じる方はみなさんこういいます

「フラッシュが多すぎるのでは？」

確かに私もそう思っていたんですが、
このサイト閲覧データ検証を見ると、実は違っていたんです

こちらに詳細な解説付きの画像があります

これを見ると、フラッシュファイルの読み込み時間は1秒かかっていません
ポポンっと読み込んで先に進んでいます
実はこれにも理由があるんですけどね

その前に一番の重い原因をご紹介します
この方たちです

はい、JPG画像やGIFアニメです

これを見てどう思いましたか？
正直な感想だと・・・でかっ！って思いません？（；^ω^）

そう、この表示のでかさにも問題があったんです
画像を表示させるときに　wide　heght　の指定をして強制的に元のサイズを変えると
読み込むまでに時間がかかるようです

なので、次は、小さくできるものは小さくしてテストしてみます

テスト前　（秒）
PPC画像　2.9
kapita画像　4.3
レポート画像　1.8
zepping画像　3.0

するとこうなりました

テスト後　（秒）
PPC画像　1.9
kapita画像　撤去
レポート画像　1.8
zepping画像　1.5

ある程度は変化がありましたが、何度やってもタイムが縮まない理由がわかりました
こいつらです

悲しい事にアクセス経路のひとつ？でもあるのではずせない上に
賢威の２カラムテンプレートにとっては致命的なダメージを与えます

それは表示領域の順番です
３カラムなら問題はなかったんですがね・・・

賢威の場合、サイドバー→記事領域→フッター→ヘッダーと読み込むので
サイドバー　→　ログールで時間がかかり・・・　→　記事領域　となります

今回は対策として、フッターの下に読み込ませる事にしました
そうする事で図のように次の記事読み込みに影響がでないよう
記事の表示後に読み込みを行うようにしました

SEOを知り尽くしている方は構文の後ろに重いものを配置するといった意味がよく理解できました

サイトの全てが開くまでのタイムは変わりませんが
先に記事が表示されているのと、サイドバーのみ表示されているのでは
訪問者にとってのストレスが違いますね

くそう(；´Д｀)　３カラムにしとけばよかった(笑)

そういう目線からテンプレート選びをしていくと
理想のサイトの形というのが見えてきそうですね

クローラーが回りやすいように、リンクなどのURL系を上部に集中させ
訪問者の閲覧が即座にできるように、読み込む領域を記事→サイドバーを優先し
アクセス用のランキングタグなどは、出来る限り構文の読みこみの最後のほうに置く
こうすればいいんでしょうね

今まで、様々な所で、「ブログパーツは人の目につく場所」とか
「外部から画像を読み込めば楽」とか読みましたが

今日の検証から得られる理想的な答えは
ブログパーツは一番後ろ、画像は自分のブログ・サイトの本体があるサーバーから読み込む

こんな結果がでました
そして、実際にそれをやったらどうなったかはこちらです

どうですか？(￣ー￣)ﾆﾔﾘ
正確なデータを得るために数回テストしましたが結果平均10秒縮めです

そして、もう一度、このページを閉じて再度開いて下さい
多分、今までよりはストレスなく開くようになっていると思いますよ(*´∀｀)ｒ
あ、計測する時間によっても多少の変化はあるようですけどｗ

調べるきっかけをくれた　さくさん
そして、倭人さんのとこでも同じ情報があったので
２回見た事で行動に移せました(笑)　ありがとうございます(*´∀｀)ｒ

そして、またこの情報はレポートにまとめて・・・
|дﾟ)ﾉｵﾄﾄﾞｹﾓﾉﾃﾞｽ⌒●~*(((●～* (((●～* (((●～* Σ (ﾟДﾟ;)ﾊｯ!!!
にしようと思います　(￣ー￣)ﾆﾔﾘ

うむ、戦略のレポートが書く暇が(；´Д｀)

コメント一覧

アクションの速さがたぬきちさんの武器の
ひとつと改めて思いましたね＾＾
記事を読んで即実行に移せる人は
わずかしかいないでしょう
実はここが稼ぐためのキモでもあると
勝手に思っています
ハイブリッド戦略部隊が力を発揮してくれるのは
使い手しだいということですね～

2009年11月5日 8:33 PM | さく
さくさん　私もこれがキモだと思いました。どんなテンプレートであれこれを知っているのと知らないのでは、差がハンパ無いですよね。実はそれについて今レポートを執筆中ですｗ最近はふざけたレポートしか出していないので、久しぶりにまじめなレポートを出せそうです（爆）

2009年11月5日 9:41 PM | たぬきち
おつかれさまです。　たぬきちさん！
よっしーです。
思わぬところに原因があったようですね！
ブログパーツの件は、
賢威では左右逆カラムにしても、
読み込む順番はかわらないのでしょうか？
応援！

2009年11月6日 12:20 AM | よっしー
たぬきちさん、こんばんは☆　詠美です♪
うわぁ・・・
さすがですね・・・
表示速度を速くする人に悪い人はいません！（笑）
その行動力、デキル人はやっぱり違うなぁって思いました。
私もしなきゃです！
応援☆！

2009年11月6日 1:38 AM | アフィリエイトで在宅副業☆主婦詠美♪
よっしーさん　するどい指摘です！その辺もまとめていますので、次のレポートをお待ち下さい(*´∀｀)ｒ。PS　CSSありがとうございます。まだ見ていませんが、あれは理解できれば発展性があると思っています。

2009年11月6日 9:24 PM | たぬきち
詠美さん　詠美さんの行動力と情報網もあなどれませんよｗふらっ~とコメント回りに行くと、いつも詠美さんを発見Σ(ﾟДﾟ；≡しています(笑)みなさんに丁寧にコメントしている姿勢は素晴らしいと思います。

2009年11月6日 9:26 PM | たぬきち