LiteSpeed Cacheでブログ崩壊？ワードプレス・プラグインの不具合修復。

パソコン・スマホ設定

2021.01.19 2019.09.15

この記事は約4分で読めます。

ワードプレスには数多くのプラグインがある。そんな中、カラフルボックスとミックホストのように特定のサーバーだけ使えるプラグインがある。

それが「LiteSpeed Cache」と呼ばれるキャッシュ系プラグインだ。このブログはロリポップからカラフルボックスに移転した。

なので、LiteSpeed Cacheを使わなきゃもったいない。ワードプレステーマ、コクーンにも高速化設定があるが、ブログをもっと速くしたかったのだ。

LiteSpeed Cacheでブログ崩壊？使い方に注意。

LiteSpeed Cacheに限らず、キャッシュ系プラグインは危険な存在。少し設定を変更しただけで、ブログ画面がメチャクチャになる。カラフルボックスでLiteSpeed Cacheを使ったら実際にそうなった。

事前にバックアップしつつ、慎重に設定したい。このブログでは「CSS 結合」「JS 結合」「インライン CSS の圧縮」「インライン JS の圧縮」「JS Deferredをロード」のいずれかをオンにするとカルーセルがメチャクチャになった。

カルーセルとはこのブログ上部の動く画像。お勧めの記事が右から左に動く。ブログ表示が崩壊したら設定を戻せば良い。ワードプレスにログインして画面上部のオレンジで丸した部分でできる。ここで「すべてをパージする」を実行。

これで治らない時は設定を見直すか、以下の方法に進む。LiteSpeed Cacheで画面が崩れたらその都度すべてをパージする。設定を戻しても表示は崩れたままになってたらLiteSpeed Cacheの設定画面に進む。

すると最下部右側に「すべての設定をリセットする」とあるので選択。次にリセットボタンを押すと全ての設定が初期状態に戻る。次に管理画面に入り、すべてをパージするを実行。すると画面表示も初期状態に戻る。

結論から言うとLiteSpeed Cacheを使ってもモバイル表示速度は変わらなかった。これまでコクーンで高速化設定してたのもあるだろうがモバイルは変わらない。PageSpeed Insightsで計測すると３０点台だった。

だが、パソコン表示は速くなった。これまで５０点台だったのが８０点台になった。見る人にとって表示は速いほうが良い。待たされるくらいなら他のページを探す。これはブロガーにも言える。表示が速いと記事を書くのも快適なのだ。

ワードプレスのテーマがコクーンなら特にLiteSpeed Cacheは必要ない。コクーン独自のブログ高速化設定が備わっている。

危険を犯してキャッシュ系プラグインを使う必要はない。だが、LiteSpeed Cacheは画像を圧縮してくれる機能がある。

ブログが重くなる原因は画像。その画像の容量を減らせれば高速化に繋がる。その方法はLiteSpeed Cacheから画像の最適化を選択、そこから最適化のリクエストを選ぶ。

しばらくするとまた「最適化のリクエスト」が出るので、再び選択。これを数回繰り返すと画像の情報欄に「おめでとうすべて完了」と表示される。これで画像最適化完了。

カラフルボックスやミックホストを使ってるならLiteSpeed Cacheで画像を最適化しておきたい。

美山走希

緑（事務職）

技術評論社