WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

ブログ運営

最近はブログを高速化させることにハマっています。ブログのアクセス数UP、離脱率低下にはブログの表示速度が大事です(それよりも内容あるブログにすることがもっと大事なのは百も承知ですが…)

という事で簡単にブログの表示速度が簡単に高速化できてPageSpeed Insightsスコアが25%も改善したので紹介します。

まずは施術前スコアはモバイル49点、パソコン78点

対策前のスコアです。高速なエックスサーバを使っていても画像や広告などが入れば遅くなります。そして当サイトのスコアは以下の通りです。

モバイルスコア:49点

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

パソコンスコア:78点

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

スキン別スコアを測定した時もそうでしたが、モバイルの方が点数が低い傾向にあります。

Cocoonのスキンでブログ表示速度の変化は?早いスキンと遅いスキン!
Cocoonは速度も速く使いやすいテーマです。デザインもスキン機能を使えば簡単にイメチェンすることができます。スキンによっては背景画像まで設定されますが、画像を使えば読み込み速度の低下が気になります。 と言う事で今回はCocoonのス...

対策1:Google Analyticsを外す

ブロガー必須サービスのアナリティクスですが残念ながらPageSpeed Insightsの阻害要因になってしまいます。どの程度影響があるか測定するために設定を外してみます。

設定の外し方はCocoon使用の場合は「Cocoon設定」-「アクセス解析・認証」の中にある「Google Analytics設定」から「Google AnalyticsトラッキングID」を削除します。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

対策1施術後スコア:モバイル51点、パソコン91点

モバイルのスコアは51点と施術前比+2点です。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

パソコンは91点と施術前比+13点です。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

特にパソコン版のスコアが良いですね。

モバイルはこれでやっと「平均」レベルになりました。無事に赤点脱出です。

対策2:Google Search Consoleを外す

こちらもブロガー必須サービスのサーチコンソールですが、PageSpeed Insightsスコアの観点では残念ながら悪影響です。外し方ですが、Cocoonを使用している場合は「Cocoon設定」-「アクセス解析・認証」の中のGoogle Search Console設定からサイト認証IDを削除します。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

All in One SEOを使用している場合は「一般設定」-「ウェブマスター認証」にもサイト認証IDを入力できる箇所があるので設定を外します。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

対策1施術後スコア:モバイル49点、パソコン97点

モバイルのスコアは51点と施術前比±0点です。誤差の範囲なのでしょうか、点数が変わりませんでした。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

パソコンは97点と施術前比+19点です。開設直後ではなくしっかり記事を載せた状態で97点もあれば御の字ですね。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

対策3:Jetpackプラグインを停止する

便利なプラグインですがPageSpeed Insightsスコア的には悪影響なJetpackプラグインを停止してみます。停止の方法はインストール済みプラグイン一覧のページから対象のプラグインの「停止」リンクをクリックします。

下記のように「有効化」メニューが表示されていれば停止できています。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

対策3施術後スコア:モバイル59点、パソコン98点

モバイルのスコアは51点と施術前比+10点です。Jetpackプラグインを停止することで低調なスコアだったモバイルのスコアの改善がみられました。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

パソコンは91点と施術前比+20点です。ほぼ満点に近いですね。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

対策4:背景画像を使用しない

PageSpeed Insightsの改善項目に背景画像を次世代フォーマットに変更する旨の案内が出ていたので思い切って背景画像の使用を停止してみました。

設定方法はCocoon使用の場合は「Cocoon設定」-「全体」から「サイト背景画像」をクリアします。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

ダッシュボードからも「外観」-「カスタマイズ」-「背景画像」で画像が設定されていないことを確認します。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

対策4施術後スコア:モバイル62点、パソコン97点

モバイルのスコアは62点と施術前比+13点です。対策を4つ入れることでかなり改善してきました。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

パソコンは91点と施術前比+19点です。パソコン版は高得点のまま頭打ちしています。

WordPressブログの表示速度を簡単に25%高速化できたので紹介します!

対策別スコア変化まとめ

スコア変化をまとめてみました。カッコ内は対策を施す前後でのスコア変化です。こうしてみるとアナリティクス停止に伴うパソコンスコアの上昇とJetpackプラグイン停止によるモバイルスコアの上昇が大きかったですね。

状態モバイルスコアパソコンスコア
Step0.策実施前(基準スコア)49(基準)78(基準)
Step1.Google Analytics使用停止51(+2)91(+13)
Step2.Google Search Console使用停止49(-2)97(+6)
Step3.Jetpackプラグイン停止59(+10)98(+1)
Step4.背景画像削除62(+3)97(-1)

コメント