エックスサーバーのmod_pagespeed機能を使えばHTMLやCSS、スクリプトなどコンテンツを最適化させ、サイト表示速度を向上させる事ができます

mod_pagespeedとは？

Google社により開発された拡張モジュール「mod_pagespeed」
これはサーバー側でWebサイトの画像、キャッシュ、JS/CSSなどの最適化処理を実施する機能です
エックスサーバーではmod_pagespeedが導入されています
実際に使ってみて正直、驚きました

「mod_pagespeed」で体感速度が段違い！

このブログは画像や動画コンテンツ等多数なので結構表示速度は悩みの種でしたが
実際に、mod_pagespeedを実行してみたらこのとおりです

常に画面を開いて作業をしてるのでこの変わりようには驚きました
実際に、どういう技術が使われているのか詳しく説明していきます

mod_pagespeedの仕組み

これはmod_pagespeedを導入していない場合の通常の通信の仕組みです

通常はサーバー上にアップしてるデータやテーマ内から呼び出すCSSやスクリプトを
ユーザーがアクセスしたページに必要なデータとして読みこまれます
そのためユーザーの通信環境によってデータの読み込みが重かったり
一部のデータがなかなか読みこまれないなどの遅延が起きたりします
しかし、mod_pagespeedを導入した場合、サーバーのデータがこう変わります

同種のファイルをまとめ、ファイルを圧縮し、読込容量を抑えた状態でスタンバイしています
これにより通信本数が減り、ユーザーは快適にアクセス可能になるという訳です
実際の技術的なものでは以下のような事が自動的に行われています

• CSSファイル、JavaScriptファイルなどの圧縮
• 最適な画像タイプへの変換、軽量化
• 同種のファイル(画像、CSS、JavaScriptファイルなど)を一つにし無駄なリクエストをカット
• CSSファイル、JavaScriptファイル、画像のキャッシュ有効期間の延長
• 小さなファイルサイズのCSSやJavaScriptをHTML内に埋め込む

画像の軽量化等では、写真に含まれる日付・時間などの
metaデータも自動的に削除されるためプライバシー保護もばっちりです
キャッシュ期間を延長した際も、更新が反映されないという事はなく
内容が変わったときに適切に更新されるようになっているので安心です

mod_pagespeedの使い方は簡単

サイト表示高速化の技術を自動的に行ってくれるmod_pagespeedですが
実はエックスサーバー側の設定でon/offを切り替えるだけです



onにすると、サーバー上の.htaccessファイル内にmod_pagespeed onの文字が追記されます
たったこれだけの変化に見えて・・実はページ上のソースを見ると物凄い変化が起きてます

同種のスクリプトはよくわからないハッシュでまとめられています
テーマなどのphpを見ると普通の状態なので通常通りブログのテーマ編集は可能です
あくまでもユーザーがサーバーにアクセスした時に効果がある感じです
ユーザーから見れば、設定をONにするだけで
サイト表示速度が劇的に進化する「mod_pagespeed」設定ですが・・
これによってサーバー側では仕組みの導入と転送に物凄い負担がかかってるそうです
自主的にmod_pagespeedを自分のサーバーに実装した方は
CPUパワー別のサーバースペックで効果に差が出るとの事で
エックスサーバーはハイスペックでCPUに余裕があるからこそ実現したんでしょうね
本当にエックスサーバーを使っていてよかったと思います
mod_pagespeedは独自ドメイン単位でon/offを設定できます

mod_pagespeedの注意事項

便利な機能ではありますが、画像、CSS、スクリプトその他様々な部分に自動的に介入するため
ブラウザやプラグイン等、同様の動作をする機能とは相性が悪い場合もあります
以下、確認できている問題点です

• ブラウザやコンテンツ内容によってはWebサイトの表示が崩れる
• キャッシュ系プラグインと相性が悪い場合がある
• 読込遅延プラグイン系と相性が悪い場合がある
• テーマによってはCSSスプライトと相性が悪い場合がある（背景に画像等）

上記ような場合、mod_pagespeed機能を使うのは控えたほうがいいかと思います
ちなみに私がこのブログに利用しているDigipressテーマとは相性が良いようで
modpagespeedをonにしていますが、特に問題は起きてません
DigiPress MAGJAMテーマの詳細はこちら