私の初めてのKUSANAGI体験記　～ WordPressが0.777秒になった日

本記事は2016年当時に執筆したものです。

現在のKUSANAGIやPageSpeed Insightsとは環境も評価指標も大きく異なります。
ただし、私が初めて「サイト高速化」という沼に足を踏み入れた記録として残しています。
今読むと拙い部分もありますが、「当時の自分はこんなことで喜んでいたのか」と懐かしく思います。

この記事の続きとなります。

計測してみた結果

kusanagiのセッティング完了しました。
色々なトラブルがありました。
上記記事がIT関連で初めてはてな新着エントリに載った直後500エラーを食らうという不運もありました（なお、自ら招いた人災です）。
本日までに何度サーバー作り直したかわかりません。

しかし苦労した甲斐はありました。

 

 

0.777秒、見た瞬間びっくりしました（二重の意味で）
トップページ限定ではありますけど、概ね0.7～1.1秒で安定してます。
投稿ページでも２秒前後。
モバイルはともかくPCなら、ほぼストレスなく巡回できると思います。

ただしPageSpeed Insights の数字はさほどでもないです。

 

さほどでもないどころか、KUSANAGI移行前と比べて……

対策とるまではさらに10近く低かったです。

GTmetrixも……

 

やっぱり５～６ほど下がってます。
しかも、こちらだと３．５秒も掛かってる。
（記事全体を計測するからですが、それでも掛かりすぎ）

どうしてこうなるのか？　体感では歴然とした差があるのに。
まあベンチの数字よりも実用の使い勝手、これで良しとしておきます。

私のセッティング

※記事執筆当時から内容を書き換えています。

１　fcache（FastCGI）・bcacheともONにする

絶対ONにする、とにかくONにする

KUSANAGIですと、次のコマンドです。

# kusanagi fcache on
# kusanagi bcache on

fcacheをonにすると、Apacheを使っていても自動的にNginxへ切り替わります。
FastCGIの具体的な効果はあちこちで書かれているので割愛します。

bcacheとfcacheは両方ONにしていいの？

昔の話ですが、

どうもパージされた後に新しいキャッシュが生成されていないようで。
突き詰めれば原因見つけられるんでしょうけど、面倒なので放置することにしました。

現在ではエラーなくなりましたので使っています。

bcacheの代わりに他のページキャッシュプラグインを使った場合

物は試しと実験してみました。

体感で明らかにわかり、計測するまでもないくらい。
一方でPageSpeed InsightsやGTmetrixのスコアは変わらず。
全く入れる意味がないので外しました。

２　KUSANAGIプラグインの翻訳をONにする

既に上記プラグインをインストールしている場合は外して下さい。

３　ブラウザキャッシュの期限を設定する

デフォルトでは期限が設定されていないのでgoogle先生から「ブラウザキャッシュを活用しなさい」と怒られます。
そこで次のページを参考にして設定しました。

etc/nginx/conf.dにある【あなたのプロファイル名】_ssl.conf（SSL化している場合）から次の行を見つけて

	location ~* \.(jpg|jpeg|gif|png|css|js|swf|ico|pdf|svg|eot|ttf|woff)$ {
		access_log off;
	}

バックアップをとり、一行加えて書き換えます（数字は任意の物を）。

	location ~* \.(jpg|jpeg|gif|png|css|js|swf|ico|pdf|svg|eot|ttf|woff)$ {
		access_log off;
		expires 30d;
	}

これでgoogle先生から怒られなくなり、スコアが７ほど上がりました。

４　画像を圧縮する

元々やってはいたのですが、一応。

KUSANAGIには画像最適化機能がついています。
一般的なjpg、pngはこれで圧縮できます。
性能も他の有名画像圧縮プラグインと変わりません。

むしろ問題は「圧縮に何を使うか」ではなく「圧縮率をいくつにするか」。
WordPressのデフォルトが82。
これでは高すぎるということで75程度を勧めているところが目立つようですが。
写真メインのサイトでもないなら50で十分だと思います。
（50以下になると、画質劣化の割にサイズが小さくならない）

まとめ

実はほとんど何もしていないことにお気づきでしょうか？

作業といえるのはブラウザキャッシュの設定くらい。
むしろ触らない・減らす、この方向でセッティングしました。
KUSANAGIは導入さえしてしまえば、あとは楽。
これで１秒切れるのだからありがたいです。

皆様もテストだけでも試してみてください。
１日30円程度で爆速ぶりを体感できます。