Wordpressのサイトパフォーマンスが劇的に改善した4つの高速化施策

あまりにもうちのブログが遅いので、とりあえずやれるだけの事はやってみようと思い立ち、色々なサイト高速化に取り組んでみました。やったこととしてはざっと以下の感じです。

キャッシュ系のプラグインをつっこむ
.htaccessに画像やフォントの有効期限＆圧縮転送の設定を入れる
SixcoreでAPCを有効化する
アップロードしている画像を片っ端からロスレスに変換

■まずは結果から

とりあえず、GTmetrixで計測した結果、最初がEランクという残念きわまりない結果だったのに対し、

キャッシュ系の対策後はページスピードがかなり改善（53%⇒74%）

指摘されている項目「Minify CSS」はこの後Head Cleanerというプラグインの設定をいじったら改善されました。「Enable gzip compression」はプラグインでgzip化してもダメだったので「Leverage browser caching」と併せて.htaccessに手を入れる事で改善を図りたいと思います。

.htaccess対策後、Page Speed Gradeで 74%⇒78%、Yslow Gradeで69%⇒75%の改善。
体感的にもちょっと軽くなった感じがするかな？

で、SixCoreサーバでAPCを設定して計測後、あまり前と結果が変わらなかったので、再度計測してみると次の結果(Page Speed Gradeで78%⇒95%)となりました。1回目はキャッシュが効いていなくて、2回目にキャッシュが有効になったということだと理解。

で、最後、画像を圧縮した結果がこんな感じ。
時間をおいてから解析を書けたので、これがキャッシュが効いていない状態。

次にキャッシュが効き出してからだとこんな感じ。
最初の頃と比べると

・読み出し速度 17.34秒⇒4.32秒
・ページサイズ 2.17MB⇒1.34MB

と、気持ちいいくらいのスピードアップ。体感もここまで来ると流石に明らかな違いを感じることができました。

Googleの「PageSpeed Insights」もちょくちょく取ってたんですが、キャッシュ対策だけやった時がスコア50だったのに対して、

.htaccess、APCを有効化、アップロード画像のロスレス変換対策後にスコア85に劇的な改善を果たしました。

後はJavascriptとCSS周りの改善ですが、これはプラグインやテーマの資材をいじる必要があるので、後日の宿題にしたいと思います。

■ページキャッシュプラグインの事前作業「パーマリンク変更」

ページキャッシュを行うプラグイン「WP Super Cache」を導入しようとするとパーマリンク設定が必要になります。

なんのこっちゃと思われる方も多いと思いますが、「?p=記事ID」から「/カテゴリ名/記事id/」に変更した感じです。下の二つの画像のURLを見比べて貰えれば分かりよいと思います。

本当はカテゴリをURLに入れるとカテゴリの付け替え時にURL変わっちゃうんですが、4年間カテゴリの見直しとかしてないのと、まぁ見直すにしても古いカテゴリは残して新設して複数カテゴリに属させるとか、色々逃げ道はあるのでいいかなと。

ちなみに、「?p=記事ID」から「/カテゴリ名/記事id/」への変更の場合、古いURL（?p=記事ID）から新しいURL（/カテゴリ名/記事id/）に自動で301リダイレクトされるようです。一度設定したパーマリンクを変える場合なんかは、「Redirection」や「Permalink Redirect」といったプラグインを使ってリダイレクト設定を行う必要がありそうです。（プラグインはWPのプラグイン新規追加画面からインストール可能です）

一応301リダイレクトで見せるので検索エンジン的にはペナルティ喰らうってことはないと思いますが、ソーシャル系のカウンターがゼロリセットされてしまうのは何とももの悲しい・・。まぁ、ここからまた出直しって事で頑張ります。

参考リンク