ブログ論

エックスサーバーならmod_pagespeed導入でブログのページ高速化ができるよ。

SEO対策やユーザビリティ向上のためにブログの表示速度を高速化させたいという人も多いかと思います。

私も5年半もブログ運営をしている中で常にブログの表示速度のことは考えています。

ダイキチ
ダイキチ
こんにちは、夫婦ブロガーのダイキチです。このブログはブロガーに人気のエックスサーバーで運用しています

ブログのページ高速化はいろいろと手段はあるのですが、今回はエックスサーバーをご利用の方なら「mod_pagespeed」というGoogle社が開発した拡張モジュールの設定がわずか2クリックで高速化できる方法をお伝えしたいと思います。

mod_pagespeed設定とは

Google社により開発された拡張モジュール「mod_pagespeed」を使用して、Webサイトの表示速度を向上させる機能です。
「mod_pagespeed設定」を有効にすると、ファイルを圧縮してデータ転送量を削減する、同種のファイルを一まとめにして無駄な通信を削減するなどの最適化処理を実施します。
この最適化処理により、Webサイトにアクセスしたブラウザはデータ転送量が減少し、また、ページのロード時間を短縮できるため、Webサイトの表示速度改善を期待することができます。

エックスサーバーのマニュアルから引用

マニュアルの説明からして難しいですが、Google社が開発した拡張モジュールを利用すればブログ内の画像やキャッシュ、JavaScriptやCSSなどをまとめて最適化してくれるので、ページ速度が速くなりますよってことです。

無料で出来るし、特にデメリットもないのでブログの表示速度にお悩みなら是非ともお試しください。

ダイキチ
ダイキチ
このブログもmod_pagespeedの設定をして高速化しています

mod_pagespeedの設定

エックスサーバーの管理画面

設定方法は簡単です。

エックスサーバーにログインしてサーバーパネルページから「高速化」→「mod_pagespeed設定」をクリック

 

mod_pagespeedの設定をONにする「ONにする」ボタンを押せば完了です!!
とっても簡単ですね!

ボタン1つで「ON」と「OFF」を切り替えることができるのでいつでも切り替えることができますよ。

mod_pagespeedの注意点

ボタン1つで簡単に設定できるmod_pagespeedですが、いくつかの注意点もあるので合わせてご紹介しておきます。

ご利用時の注意事項

「mod_pagespeed設定」を有効にすると、最適化処理の影響でメモリ使用量やCPU負荷が若干上昇したり、一部画像ファイルの画質が低下する場合があります。
また、ブラウザやサーバーコンテンツの内容によっては、本機能を有効とした際にWebサイトの表示が崩れるなど、 異なる動作となる場合が稀にあります。その場合、本機能を無効に設定してください。

なお、最適化に伴うキャッシュ処理の影響によりCSSファイル、JavaScriptファイル、画像ファイルの更新が反映されるまで時間がかかる場合があります。

エックスサーバーマニュアルより引用

ブログ運営者にとって困るのがCSSファイルやJavaScriptファイル、画像ファイルの更新反映に時間がかかるという点でしょうか。

もしブログをカスタマイズするときなどは一度mod_pagespeedの設定を「OFF」にしましょう。

ダイキチ
ダイキチ
当ブログではCSSファイルやJavaScriptファイルを編集するときだけ「OFF」にするようにしていますよ。

mod_pagespeed設定前のページ速度

mod_pagespeedを設定することによってどれぐらいページ表示速度が向上したのかをチェックすることもできます。

参考pagespeed insights

グーグルが無料提供しているページ速度を確認するチェックツールです。グーグルの他にもページ速度をチェックできるツールを開発しているところもたくさんありますが、グーグルのpagespeed insightsを使えば間違いないかと思います。

使い方は簡単で、URLを入力後、「分析」ボタンを押すだけです。

 

mod_pagespeedの設定前(パソコン)

当ブログのパソコンの表示スコアは「77」。
まぁ悪くはない数値です。

 

mod_pagespeedを設定する前のモバイルスピード

モバイルの表示スコアは「12」

とっても低い数値ですね!

mod_pagespeed設定後のページ速度の変化

それではエックスサーバーのmod_pagespeedの設定をすることによってどの程度の変化が見て取れるのか見てみましょう。

 

mod_pagespeed設定をした後のパソコンスピード

パソコンの表示スコアは「78」。
mod_pagespeed設定前が「77」だったので+1増えました。

 

mod_pagespeed設定をした後のモバイルスピード

モバイルの表示スコアは「17」
mod_pagespeed設定前が「12」だったので、+5増えました。

mod_pagespeedまとめ

mod_pagespeedを導入することによって劇的にページ表示速度が向上したというわけではないのですが、ボタン1つでページ表示速度が高速化できたことは嬉しいことです。

ページの表示速度が遅いとユーザーはストレスを感じてページから離脱してしまいます。せっかく頑張って作ったページの表示速度が遅いために見られなかったということであれば非常に残念ですよね。

ページの表示速度を高速化させることによってSEO対策にもなりますし、何よりも訪問者にとって優しいブログになります。

ダイキチ
ダイキチ
エックスサーバーを利用中の方であれば無料で簡単に設定できるので是非試してみてください。

 

ページ表示速度の高速化のためにしたそのほかの事

ブログ運営に最適! EWWW Image Optimizerのおすすめ設定
EWWW Image Optimizerのおすすめ設定 - 2019年最新版wordpressでブログ運営している方にオススメのプラグイン、「EWWW Image Optimizer」のインストール方法から設定方...

wordpressのプラグインを使って、自動的に画像を最適化する設定を行いました。これから画像を新規アップロードするやつがだけじゃなく、いままでアップロードしてきた画像すべてを最適化することができるので画像を多く使っているブログなら圧倒的な効果を体験することができるでしょう。

ABOUT ME
ダイキチ(夫)
ダイキチ(夫)
ダイキチ(夫)です!
夫婦で1つのブログを運営しています。銀行にお金を預けているだけじゃもったいない!と感じ資産運用を始めました。IPO投資でお金を増やして株主優待をもらって節約も頑張っています。
資産運用でお金を貯めてサラリーマンを引退するのが夢。サラリーマンを引退するまでの軌跡をブログに残していきたいと思います。よろしくお願いします。

ダイキチのプロフィールダイキチが書いた過去の記事一覧

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です