こんにちは、のまち(@bokunomad)です。

このブログのレンタルサーバーは「mixhost」で運営していて、mixhost契約者はWordpress上でLitespeed専用の「Litespeed Cache」プラグインを使用することができます。

このプラグインを有効化することで手軽にページ高速化を実現できるのですが、せっかくmixhostを契約しているのにも関わらず「Litespeed Cache」を導入し忘れておりました。。。

今回改めて設定したので設定前と設定後の違いや、実際の設定周りを紹介したいと思います。

Contents

この記事で分かること

Litespeedとはどういうものか
インストール方法とbokunomad.comで使用している設定項目
導入前と導入後でどれだけGtmetrixのスコアが変わったか

WordPressでブログをしている人やサーバーにmixhostを使用している人に役立つ思います。あとはWordpressのキャッシュ機能をつけて高速化したいと考えている人にもおすすめです。

そもそも「Litespeed Cache」とは

「Litespeed Cache」は一言でいうと「画像やサイトデータを一時作成して読み込み速度を高速化」するキャッシュ機能を導入するプラグインです。

「WP Super Cache」「WP fastet Cache」などキャッシュプラグインは探せばたくさんありますが、「Litespeed Cache」はLitespeedが搭載されたサーバーにのみ使用できるプラグインです。導入することでアクセスが集中した際にもスムーズな表示が可能となります！

「Litespeed Cache」インストールと設定

インストール方法は一般的なプラグインと同じです。Wordpress管理画面からサイドメニュー[プラグイン]->[新規追加]で「Litespeed」と検索すると出てくるのでインストールして有効化しましょう。

有効化したら次はサイドメニューから[Litespeed Cache]->[設定]画面へ移動しましょう。右上の「高度なオプションを表示」を押してすべてのオプションを表示させます。

基本的に設定は初期設定のままで大丈夫ですが、一部設定を変更していきます。変更後はかならず「変更を保存」を押すのを忘れずに。

↓bokunomad.comでのデフォルトから変更した設定です

[全般]
Litespeed Cacheを有効にする: 有効
自動アップグレード: オン（どちらでもいい）
[キャッシュ]
ログインページをキャッシュ: オフ
[最適化]
CSS圧縮化: オン
CSS結合: オン
CSS HTTP/2プッシュ: オン
JS圧縮化: オン
JS結合: オン
JS HTTP/2プッシュ
HTML圧縮化: オン
☆CSS結合、JS結合はサイト環境によってデザインが崩れることもあるので、オフでもOK
[CDN]
Cloudflare API: オン
☆Cloudflareサイトで設定している場合のみオン。分からなければオフでOK