アフィリエイト ブログ ブログ運営 初心者

ブログの表示速度を上げる方法【これを試せば一気に改善】

ブログの表示速度を上げる方法【これを試せば一気に改善】

ブログの表示速度を上げる方法【これを試せば一気に改善】

 

 

悩める柴

ブログの速度が遅いよー。どうしたらサイトの速度って上がるの?

 

今回はブログの表示速度を上げる方法について解説していきます。

 

ブログの表示速度が遅いのは致命的です

 

なぜなら、読者の直帰率が一気に上がるためです。

 

  • 表示速度が1秒から3秒に落ちると、直帰率は32%上昇
  • 表示速度が1秒から5秒に落ちると、直帰率は90%上昇
  • 表示速度が1秒から6秒に落ちると、直帰率は106%上昇
  • 表示速度が1秒から7秒に落ちると、直帰率は113%上昇
  • 表示速度が1秒から10秒に落ちると、直帰率は123%上昇

海外SEO情報ブログより引用

 

 

表示速度が5秒以上だと一気に直帰率が上がります

 

悩める柴

クリックしたサイトの表示が遅かったら帰りたくなるよ

 

今回はブログの速度を上げる秘訣を解説します。

おすすめ方法を試せば速度が一気に改善するよ。

イーグル隊長

 

ワードプレスの人気テーマ、アフィンガーを使っていてブログ速度が遅い人も必見です

 

✔本記事の信頼性

最初は36点だったブログ表示速度がPC98点、モバイル78点に改善

当ブログはアフィンガーを使用。

 

 

 

 

ブログ表示速度のチェック方法

ブログ表示速度のチェック方法

ブログ表示速度のチェック方法

 

 

まずはブログ表示速度をチェックしてみましょう。

 

ブログ表示速度はPage Speed Insightsでチェックできます。

 

>>Page Speed Insights

 

使い方

サイト内で調べたいホームページURLをコピペして分析をクリックするだけです。

 

検証結果画面でモバイル、パソコンのタブを選択することで、モバイル、パソコン両方の結果が見れます。

 

モバイル、PCの確認

モバイル、PCの確認

 

✔スコアの説明

スコア評価
スコア80~ブログ速度はほぼ完璧
スコア60~79速度にもう少し改善の余地あり
スコア0~59速度が遅く危険な状態。かなりの改善が必要

 

スコア評価の説明は上記の通りです。

 

私は当初モバイルスコア36でしたが、本記事で紹介する改善を試したところ、モバイルスコア78、PCスコア98に改善しました

 

改善前のスコア

当初の速度

当初の速度

 

 

改善後のスコア

改善後モバイルスコア

改善後モバイルスコア

 

 

改善後PCスコア

改善後PCスコア

 

 

※AMP(デザインや見た目の制限により、モバイルを高速表示する方法)をしていない状態です。

 

イーグル隊長

もともとブログ速度が遅くて悩んでいましたが、改善後はサクサク表示されるので安心です。

 

 

ブログ表示速度を上げる方法

 

ブログ表示速度を上げる方法

ブログ表示速度を上げる方法

 

 

ブログの表示速度を上げる方法を説明します。

 

ブログ表示速度の上げ方

  • SNSを埋め込まない
  • 画像を軽くする
  • プラグインをなるべく減らす
  • ブログ表示速度を上げるプラグインを導入する
  • サーバーはエックスサーバーを使用する

 

順番に説明していきます。

 

SNSを埋め込まない

 

ブログの表示速度を上げたい場合は、Twitterやインスタの埋め込みは辞めましょう

 

SNSを埋め込むとサイトは何となくかっこよくなりますが、その分投稿の読み込みに時間がかかります。

 

イーグル隊長

当サイトもフッターにTwitterを埋め込んでいましたが、重くなるだけであまりメリットなかったので外しました。

 

これでブログ表示速度は10点以上改善しました

 

画像を軽くする

 

記事内の画像、アイキャッチ、プロフィール画像は必ず軽くしましょう。

 

画像圧縮におすすめなツールはこちらです。

 

圧縮おすすめツール

  1. 「Tiny PNG」:画像の圧縮
  2. 「PNG to JPG」:PNGからJPGへの変換

 

毎回画像をアップする場合は「Tiny PNG」で圧縮してからアップしましょう。

 

画像はJPGに変換した方が軽くなるので、なるべくJPGへ変換するのがおすすめです。

 

ポイント

画像圧縮の目安は100KB以下です。

圧縮後に画像がどうしても100KBを超える場合は、元画像を小さく切り取るのがおすすめです。

 

イーグル隊長

私も全ての画像を100KB以下にしています。特にトップページの画像を軽くするのが大事です。

 

プラグインをなるべく減らす

 

プラグインはブログ速度が遅くなる大きな原因です。

 

プラグインはなるべく減らしてブログ速度の改善を図りましょう

 

ちなみにアフィンガーはデフォルトで様々なプラグインを兼ねているので、多くのプラグインは必要ないです。

 

以下が私のメインで入れているプラグインです。

 

導入プラグイン

  • Akismet Anti-Spam
  • Autoptimize
  • BackWPup
  • Broken Link Checker
  • Contact Form 7
  • Google XML Sitemaps
  • Table of Contents Plus
  • TinyMCE Advanced
  • W3 Total Cache

 

導入中プラグインの説明

 

Akismet Anti-Spam

→ スパム防止のためのプラグイン

 

Autoptimize

→ 画像の読み込み、CSS、JSなどを軽量化してくれるプラグイン。ブログの表示速度を上げるなら必須です。

 

Broken Link Checker

→ リンク切れを自動でチェックしてくれるお役立ちプラグイン。

 

Contact Form 7

→ お問い合わせフォーム用のプラグイン。

 

Google XML Sitemaps

→ サイトマップを作成し、グーグルサーチコンソールに自動でお知らせしてくれるプラグイン。

 

Table of Contents Plus

→ 目次の自動作成プラグイン。

 

TinyMCE Advanced

→ ワードプレス投稿画面を拡充するプラグイン。

 

W3 Total Cache

→ キャッシュ、サーバー設定によりブログ速度を上げるプラグイン。低スペックサーバーだと落ちる可能性があります(エックスサーバーなら問題なし)。

 

必要ない定番プラグイン

 

悩める柴

「All in One SEO Pack」は入れてないの?

 

アフィンガーは「All in One SEO Pack」と同じ要素がデフォルトで入っています。All in One SEO Packを入れるとSEOが逆効果になり、ブログ速度が遅くなります。

イーグル隊長

 

悩める柴

アフィンガーのコピーライトを変更する「クレジット削除プラグイン」はいらないの?

 

プラグイン無しでクレジット削除が出来ます。プラグインを入れてしまうと速度が遅くてしまいます。

イーグル隊長

 

 

ブログ表示速度を上げるプラグインを導入する

 

続いてブログ表示速度を上げるプラグインを導入しましょう。

 

ブログ速度改善のプラグインは以下の2つです。

 

Autoptimize

Autoptimize

 

Autoptimize

画像の読み込み、CSS、JSなどを軽量化してくれるプラグイン。

ブログの表示速度を上げるなら必須です。

アフィンガーとも相性が良い。

 

 

W3 Total Cache

W3 Total Cache

 

W3 Total Cache

キャッシュ、サーバー設定によりブログ速度を上げるプラグイン。

低スペックサーバーだと落ちる可能性があります。

エックスサーバーなら問題なしです。

 

 

イーグル隊長

2つのプラグインを入れると一気に速度が改善されるのでおすすめです。

 

これらプラグインの導入でブログ表示速度が20上がりました

 

サーバーはエックスサーバーを使用する

 

サーバーはエックスサーバーをおすすめします。

 

おすすめ理由

  • 国内シェアNo.1サーバーで安心
  • 大量アクセスに耐えられる安定感
  • トップブロガーも愛用

 

エックスサーバーはトップブロガーが愛用するサーバーです。

 

月間100万PV以上でも問題なくサーバーが落ちずに稼働します。

 

注意ポイント

エックスサーバー以外の低価格サーバーはスペックも低いです。

ブログ速度改善を試しても、サーバーが負荷に耐え切れず、結果として速度が重くなることがあります。

 

イーグル隊長

安定したサーバーでブログ速度を上げるならエックスサーバーがおすすめです。

 

エックスサーバーはこちら

 

 

ブログテーマの表示速度が遅ければアフィンガーがおすすめ

ブログテーマの表示速度が遅ければアフィンガーがおすすめ

ブログテーマの表示速度が遅ければアフィンガーがおすすめ

 

 

ここまでブログ表示速度の上げ方について解説してきました。

 

思ったより簡単にブログ速度が上がったのではないでしょうか?

 

更に早いブログ速度を求める場合は、テーマをアフィンガーに変更する方法もありです。

 

イーグル隊長

テーマによっては無駄なファイルを読み込んでいたり、元から速度が遅いテーマも存在します。

 

アフィンガーにはブログ速度以外にも多くのメリットがあるのでおすすめです。

 

Affinger5(アフィンガー5)を使ってみた感想と評価【メリットとデメリット】
Affinger5(アフィンガー5)を使ってみた感想と評価【メリットとデメリット】

続きを見る

 

本記事は以上です。

 

ブログの速度が改善できた方は私のツイッターあてに教えてくれると嬉しいです。

 

>>ブライアンTwitter

    • この記事を書いた人
    • 最新記事

    イーグル隊長

    30代副業サラリーマンです。資産運用、副業の有益を発信しています。10年以上金融に携わり、米国にてMBA取得。株式アクティブ運用中。自由な生き方をすべく、アーリーリタイアを目指しています。

    -アフィリエイト, ブログ, ブログ運営, 初心者

    © 2021 イーグル隊長の資産運用、副業ブログ Powered by AFFINGER5