先日、WordPressの高速化設定を行った際の設定内容の公開を行った。

ただ、クリックしてから表示を開始するまでの時間が長かったため、実感値として早いという感じがあまりしなかったため、さらに、高速表示を追求してみた。

行った内容は下記となる。

• JetPackを削除
• WP Fastest Cacheを追加
• Autoptimezeを追加

高速化の結果

Page Speed Insightsでの測定結果

JetPackは遅くなるとの情報があったため、削除することにした。色々便利にやってくれるようだが、総合パッケージのようなソフトは余分なことまでしてしまうのか、遅くなってしまうようだ。

JetPackを削除すると遅くなってしまうが、WP Fastest Cacheをインストールすることで、スピードは元に戻る。

その後、AutoptimezeをインストールすることでFCPの値を2.4秒から1.6秒へ短縮することができた。今回の目的はこの値を1秒台にしたいと思って行ったので、狙い通りの結果を得ることができて良かった。

それぞれの設定値は下記となる

設定詳細

WP Fastest Cache

Autoptimeze

まとめ

今回、総合パッケージのJetPackから別のPluginで高速化を行うようにしたことで、それぞれで何を行っているか分かりやすくなり、再現性が高まったと感じる。

クリックしてから表示までの時間が長いと感じられている方は、試してみる価値があるのではないかと思う。

速度の測定結果

PageSpeed Insightsでの測定結果のリンクを参考にしていただきたい。
以下は、結果部分のみを切り出した画像も添付しておく。

携帯電話環境の結果

デスクトップ環境の結果

結果的に超高速CMS実行環境「Kusanagi」と同じレベルの結果を得ることができた。

当初は、kusanagiを使用しようか迷っていたが、どのレベルまでスピードが出るのかを試してみたかったこともあり、ノーマルの状態でトライして良かったと思う。

構築環境

ベース環境

• WordPress 6.3.1
• 「Neve」テーマ　バージョン: 3.6.7

プラグイン

• Akismet Anti-Spam: Spam Protection
• EWWW Image Optimizer
• Jetpack
• Otter – Page Builder Blocks & Extensions for Gutenberg
• Preloader
• Templates Patterns Collection

注意点

色々なプラグインを試すとスピードが遅くなり、無効化、削除を行なっても元の状態に戻らなくなることがあるため、プラグインのインストールは注意が必要。

複数の高速化プラグインをインストールすると競合するパターンがあるのか、逆に遅くなることがある。これも無数の組み合わせがあるため、検証はできなかった。

まとめ

今回、速度にこだわって設定を行ったが、プラグインを設定しても直ぐには結果に反映されなかったりという状態が頻繁に発生したため、どのプラグインがスピードに影響しているのかが非常に分かりにくい状態だった。
モバイルの初期反応時間が遅めではあるが、サーバーもリーズナブルなVPSを利用しているため、そこそこの結果が得られたのではないかと考える。

ホームページを作りたいという方の力になれるように頑張っていきたいと思います。