自分のアメブロの表示が遅い・重い時の対策方法で試してみたいこと。

アメブロの表示速度を改善する方法を考えてみました。

ブログご訪問ありがとうございます。
仙台で起業して12年目。営業・集客・200億商社元営業部長の経験。実績豊富な個人ビジネス専門コンサルタント Sophia’s Color 代表漆沢英一です。

ブログ表示が遅いとどんな弊害が？

仕事がら色々なブログを拝見させて頂いていますが、パソコンでの表示が非常に遅いブログがあります。

「遅い」と感じる基準は、人それぞれかもしれませんが、4秒以上読み込みにかかると大抵の方は「イライラ」するのかもしれません。

また、ブログの表示が遅いと下記のような弊害が想定されます。

表示が遅いと新規での読者さんがつきづらい
リピートで読んでくれなくなる
Googleなどでの検索順位にも悪い影響が出る

表示が遅くて良いことは何もありません。

それでは、どうすれば改善できるのでしょうか・・・

自分のアメブロの表示速度を改善する方法を考えてみました。

アメブロの表示速度を改善する方法

有料サービスを使い広告を外す
表示件数を減らす
フリープラグインを右下に配置する
写真などの重くなりそうな素材の容量を軽くする
不要なタグを外す。もしくはタグの不具合を修正する
ブラウザのキャッシュを削除してみる。

他にも改善できる点はありますが、使いやすさや便利さとの兼ね合いがありますので、個々での対応になるかと存じます。

注）きちんとしていないブログカスタマイズでCSSの不具合やプラグインなどの配置原因での遅れが生じている場合も、表示速度は遅くなります。

表示速度が気になる方は、まずは、すぐにできる「有料サービスを使い広告を外す」や「表示件数を減らす」「フリープラグイン」を使用する場合は、右下に配置するを試してみてはいかがでしょうか。

有料サービスを使い広告を外す

アメブロの広告は表示速度に影響を与える可能性があります。

有料サービスを使って広告を外すことで、表示速度を改善することができます1。

表示が早くなり読者が読みやすくなる
ライバルの広告が出ない
１枚当たりの画像アップ容量が、2016年6月1日より「3MB⇒10MB」
画像フォルダの総容量を無制限にアップグレード
メッセージ保護機能がつく

この中で一番大きなメリットは、表示が早くなり、読者が読みやすくなる事です。

広告を非表示にする方法

広告を非表示にする方法は簡単です。

Amebaプレミアム総合トップのサイトに行き

二つのサービスのうち「広告をはずすコース」をえらびます

使用しているデザインによっては、非表示にできないものもあるので「現在使用中のスキンでプレビュー」をクリックし非表示になることを必ず確認します。

確認が終わったら、「新規お申込み」を選んで、お支払方法を選択します。

費用として月額1027円(税込み）かかり、年間で12,324円のランニングコストになります。

趣味や副業として考えると安くない費用かもしれません。

しかし、集客をしっかり行う前提として考えると費用対効果の高い経費です。

ちなみに月初にサービスに申し込むと、最初の1か月は無料なのでお得ですよ。

表示件数を減らす

アメブロのトップページやカテゴリページでは、過去の記事が多く表示されます。

これも表示速度に影響を与える可能性があります。表示件数を減らすことで、表示速度を改善することができます。

「設定・管理」から、「基本設定設」をクリックし、「ブログ記事の表示数」を3件に設定する。

「フリープラグイン」を右下に配置する

「設定・管理」から「配置設定」をクリックし、3カラムの場合は「フリープラグイン」を右下に配置する。

右下にプラグインを配置することで、「重い」プラグインを後から読み込み、表示速度を改善できます。

写真などの重くなりそうな素材の容量を軽くする

Googleのツールで、PageSpeed Insights - Google Developersという無料ツールがあります。

これは、サイトのページ表示スピードを計測し、最適化についての提案をしてくれます。

その中のひとつ画像の最適化を行うことで、画像の容量を減らすことが出来ます。

上記は、わたしのブログにおける画像最適化の提案です。

何度か最適化しているので、 331.6 KBと最適化できるサイズは小さめです。

画像最適化を具体的に行う方法は、表示されているページの一番下に「このページ向けに最適化された画像、JavaScript、CSS リソースをダウンロードできます。」と表紙されています。

これをクリックすると、自動的に「optimized_contents.zip」という圧縮ファイルを作成し、その中に圧縮された画像が生成されています。

作成された圧縮画像の例：

作成が終わったら、圧縮された画像を、もとの画像と入れ替えることで、スピードがあがります。

PageSpeed Insights - Google Developersで簡単に画像を最適化できます。

不要なタグを外す。もしくはタグの不具合を修正する

ブログカスタマイズをしている場合、CSSに不具合がある場合もあります。

まず、ご自分のカスタマイズしているCSSを見直してみましょう。

W3CのCSS Validation Serviceという無料サービスがあります。

こちらに、カスタマイズされたCSSを直接入力（コピペ）して検証してみましょう。

何も不具合がなければ、「おめでとうございます！エラーはありません。」と表示されます。

不具合があれば修正をしましょう。

ブログのHTMLの不具合等は、HTMLの検証ツール「Markup Validation Service」で検証できます。

ブラウザのキャッシュを削除

ブラウザのキャッシュとは、一度表示したウェブページデータを早く表示させるため、パソコン内にデータを一時的に保管するブラウザの機能です。

このキャッシュが多くなると表示速度が遅くなる場合があります。

定期的に削除をしてみましょう。

それぞれのブラウザの削除方法は、Amebaヘルプにも出ていますので詳しくはそちらをご参照ください。

Amebaヘルプ　キャッシュの削除方法を教えてください

また、スマートフォンで遅い場合は、データ通信量が一定量を越えて通信制限がかかっている場合も考えられます。

WIFIで試してみて、早くなる場合は、このケースが考えられます。