前回の記事で「CSS を遅らせる or インライン化するために、最適化プラグインを導入してみる」と宣言しました。
候補に挙げていたのは、この4つ：
- WP Rocket
- W3 Total Cache
- Autoptimize
- WP-Optimize
本命は一番高速化に効きそうな WP Rocket だったのですが、これは有料。
まずは無料でできるところから始めようと思い、今回は W3 Total Cache を導入してみることにしました。
参考にしたのは、WEB制作会社イッティさんのブログ記事「W3 Total Cacheのベストな設定方法」。これが本当に丁寧で助かりました。
導入前に、まずバックアップ
いつも通り、プラグイン導入前にバックアップを取得。
さらに、サーバー側にキャッシュ機能があったので、干渉を避けるために一度 OFF にしてから作業スタートです。
設定は記事どおりに進めるだけでOK
イッティさんの記事は本当に親切で、設定の意図や注意点までしっかり書かれています。そのおかげで、迷わずスムーズにセットアップ完了。
最後に、「Empty the static files cache」 を実行して静的ファイルのキャッシュを正常にクリアし、準備はこれで完了です。
効果の確認は明日以降
今日はキャッシュを作り直したばかりなので、PageSpeed Insights の結果は安定しないはず。
明日以降になれば、実際の速度改善がどう出るかチェックできそうです。
うまくいきますように…！
続報はまた書きますね。
