テンプレートによってもブログの表示が重くなることもあるので自戒の意味を込めて・・

まずはブログ管理者に起因する要因

サイズの大きな画像をアップロードする

デジカメのファインモードで撮影した画像をそのままアップロードすると表示にかなりの時間を要します。ブログに載せる画像は大きくても640x480px程度にしておきましょう。大きなサイズで撮影した画像はアップロード前に画像処理ソフトなどでリサイズしたほうがブラウザの表示も美しくなります。また、テンプレートによっては大きな画像を載せるとレイアウトが乱れる場合もあります。

複数の画像を1ページに表示する

フォトブログなどで1エントリーに数枚ずつ画像を添付し、1ページに10エントリー表示などの設定にするとページの表示が破滅的に遅くなります。画像の多いブログはトップページやアーカイブページでのエントリーの表示は3件くらいにしたほうがベターです。

複数のアクセス解析、アクセスカウンターを設置する

リンク先が解析できるものやリアルタイムで解析できるタイプのアクセス解析を設置すると提供先のサーバの込み具合によって遅くなるときがあります。FC2のアクセス解析やカウンターはページの表示がちょっと遅くなります。また、足跡解析ツールも一種のアクセス解析なので複数設置するとこれまた劇重になります。

ブログパーツ貼りまくり

JavascriptやFlashで出来ているブログパーツも表示の足を引っ張ります。無闇やたらに貼り付けると涙が出るほど表示が遅くなります。

アフィリエイトバナーの貼りすぎ

1ページに同じようなアフィリバナーを数種類(多いサイトは10個超のバナーを貼り付けたサイトも見たことがあります)貼ると流石に表示が遅くなります。熱意は解りますが多分誰もクリックしません。

GoogleアドセンスやAmazonアソシエイトを過度に貼り付けても遅くなります。特にAmazonのFlashタイプのものは容量が大きいので1個貼り付けただけで激重になります。

リンク間違い

存在しないURLにリンク設定しても表示に時間がかかる場合もあります。投稿時には存在していたURLもその後サイト閉鎖ということもあるのでリンクチェックツールなどで定期的に確認しましょう。

Javascriptの多用

画面上に星や雪が舞ったり、ティッカーでテキストがスクロールしたり、突然音楽が流れるサイト。本人は満足かもしれませんが閲覧者にとっては迷惑この上ありません。特に突然音楽が流れるサイトは精神衛生上好ましくありません。

続いてテンプレートに起因する要因

変数タグなどに致命的なエラーがある

FC2ブログのテンプレートはに条件分岐などを使って1枚のテンプレートファイルに収めているのでかなり構造が複雑になっています。他のテンプレートと較べて明らかに表示が遅いときは作者に連絡してみるかテンプレートの使用をあきらめましょう。

テーブルレイアウト

テーブルレイアウトでも秀逸なデザインのテンプレートもありますが、画像を多用したブログでは表示が遅く感じることもあります。

テーブルレイアウトは、ページの情報をすべて読み込んで初めて表示が開始されるので重めの画像を多用したブログでは、初めは真っ白、しばらくしてどっとまとめてページが表示されます。環境によっては数秒から数十秒画面真っ白という状態が続きます。

背景画像多用

軽めのgifファイルなどを背景画像に使っているとそんなに気になりませんが、背景に重めのjpgを使っていると最初の表示が遅くなります。

Javascript多用

最近は秀逸なJSライブラリがたくさんあるのでついつい多用しがちですが、流石に複数のJSを同時に使用すると重くなります。

 

以上、気になる方は一度チェックしてみてください。(テンプレートに関する不具合については随時受け付けてます)

ここまでは、ブログ運用者、テンプレートカスタマイズに起因する要因です。以下はトラフィックなどの外部要因、PC環境などの内部要因です

外部要因

  • アクセス数が多すぎる
  • サーバに負荷がかかり過ぎている
  • システム自体がトラぶっている   など

内部要因

  • PCが遅い
  • 回線が遅い  など
2009.08.31 | コメント(1) | トラックバック(0) | COLUMN | 編集

Title:

はじめまして、こんにちは。
テンプレートが重くて悩んでいました。
ブロ友さんにもこの記事呼んでいただきたいので、
記事の中でリンクさせていただいてもよろしいでしょうか?

2009.09.01 | URL | ノラ・グレイス #- [ 編集 ]
管理者にだけ表示を許可する
トラックバックURL : http://denpaboy2.blog92.fc2.com/tb.php/293-a4160f3d

検索フォーム
最新記事
カテゴリ
Comment
Trackback
月別アーカイブ