どうもWordPressの記事更新時の保存が遅くてイライラします。
NWに問題があるのか、WordPressに問題があるのか、サーバ側のPHPの環境が悪いのか、LiteSpeedの設定の問題か、MariaDBの設定の問題かの切り分けって難しいですね。
いつか、じっくりそちらも記事にしていこうと思います。
遅さにイライラしている中、遅い原因を示してくれるようなプラグインがないか探していたなか
以下のプラグインを見つけたので、インストールしてみました。
既に、画像圧縮やJS圧縮等のプラグインを入れているのであまり効果がないかもしれないけどと思いつつ
とりあえず入れてみました。
結果としては、よくなった気がします。
![WordPressの高速化プラグインをインストールしてみる](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_768,c_scale/f_auto,q_auto/v1615912463/ac5bd17c010f6b9569c3edad86007879/ac5bd17c010f6b9569c3edad86007879.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_225,c_scale/f_auto,q_auto/v1615912463/ac5bd17c010f6b9569c3edad86007879/ac5bd17c010f6b9569c3edad86007879.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_576,c_scale/f_auto,q_auto/v1615912463/ac5bd17c010f6b9569c3edad86007879/ac5bd17c010f6b9569c3edad86007879.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/w_1536,h_1152,c_scale/f_auto,q_auto/v1615912463/ac5bd17c010f6b9569c3edad86007879/ac5bd17c010f6b9569c3edad86007879.png?_i=AA 1536w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1615912463/ac5bd17c010f6b9569c3edad86007879/ac5bd17c010f6b9569c3edad86007879.png?_i=AA 1600w)
![WordPressの高速化プラグインをインストールしてみる](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_789,c_scale/f_auto,q_auto/v1615912460/0a9fdd2d07d8b516970768605eee5cb3/0a9fdd2d07d8b516970768605eee5cb3.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_231,c_scale/f_auto,q_auto/v1615912460/0a9fdd2d07d8b516970768605eee5cb3/0a9fdd2d07d8b516970768605eee5cb3.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_592,c_scale/f_auto,q_auto/v1615912460/0a9fdd2d07d8b516970768605eee5cb3/0a9fdd2d07d8b516970768605eee5cb3.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1615912460/0a9fdd2d07d8b516970768605eee5cb3/0a9fdd2d07d8b516970768605eee5cb3.png?_i=AA 1448w)
インストール&セットアップ
プラグインの新規追加から、Clearfyを検索してインストール、有効化します。
![WordPressの高速化プラグインをインストールしてみる](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1615913395/c353cb91c708ac6f1648df1d45cc36ca/c353cb91c708ac6f1648df1d45cc36ca.jpg?_i=AA 1000w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_152,c_scale/f_auto,q_auto/v1615913395/c353cb91c708ac6f1648df1d45cc36ca/c353cb91c708ac6f1648df1d45cc36ca.jpg?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_390,c_scale/f_auto,q_auto/v1615913395/c353cb91c708ac6f1648df1d45cc36ca/c353cb91c708ac6f1648df1d45cc36ca.jpg?_i=AA 768w)
インストールすると設定画面が出るので、wizardを進めていきます。
![WordPressの高速化プラグインをインストールしてみる](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_501,c_scale/f_auto,q_auto/v1615913392/1b1f3ba1ec3aabda3573641d140e3ece/1b1f3ba1ec3aabda3573641d140e3ece.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_147,c_scale/f_auto,q_auto/v1615913392/1b1f3ba1ec3aabda3573641d140e3ece/1b1f3ba1ec3aabda3573641d140e3ece.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_376,c_scale/f_auto,q_auto/v1615913392/1b1f3ba1ec3aabda3573641d140e3ece/1b1f3ba1ec3aabda3573641d140e3ece.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/w_1536,h_752,c_scale/f_auto,q_auto/v1615913392/1b1f3ba1ec3aabda3573641d140e3ece/1b1f3ba1ec3aabda3573641d140e3ece.png?_i=AA 1536w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1615913392/1b1f3ba1ec3aabda3573641d140e3ece/1b1f3ba1ec3aabda3573641d140e3ece.png?_i=AA 1600w)
まずは、現状でのGoogle Page Speedでの計測を行います。(Before/Afterで比較の為)
![WordPressの高速化プラグインをインストールしてみる](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_768,c_scale/f_auto,q_auto/v1615913390/ac5bd17c010f6b9569c3edad86007879-1/ac5bd17c010f6b9569c3edad86007879-1.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_225,c_scale/f_auto,q_auto/v1615913390/ac5bd17c010f6b9569c3edad86007879-1/ac5bd17c010f6b9569c3edad86007879-1.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_576,c_scale/f_auto,q_auto/v1615913390/ac5bd17c010f6b9569c3edad86007879-1/ac5bd17c010f6b9569c3edad86007879-1.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/w_1536,h_1152,c_scale/f_auto,q_auto/v1615913390/ac5bd17c010f6b9569c3edad86007879-1/ac5bd17c010f6b9569c3edad86007879-1.png?_i=AA 1536w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1615913390/ac5bd17c010f6b9569c3edad86007879-1/ac5bd17c010f6b9569c3edad86007879-1.png?_i=AA 1600w)
こちらは、とりあえずそのまま進めます。
![WordPressの高速化プラグインをインストールしてみる](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_531,c_scale/f_auto,q_auto/v1615913387/fa1d578c924f15fbe05a3747a6e38366/fa1d578c924f15fbe05a3747a6e38366.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_156,c_scale/f_auto,q_auto/v1615913387/fa1d578c924f15fbe05a3747a6e38366/fa1d578c924f15fbe05a3747a6e38366.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_398,c_scale/f_auto,q_auto/v1615913387/fa1d578c924f15fbe05a3747a6e38366/fa1d578c924f15fbe05a3747a6e38366.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/w_1536,h_797,c_scale/f_auto,q_auto/v1615913387/fa1d578c924f15fbe05a3747a6e38366/fa1d578c924f15fbe05a3747a6e38366.png?_i=AA 1536w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1615913387/fa1d578c924f15fbe05a3747a6e38366/fa1d578c924f15fbe05a3747a6e38366.png?_i=AA 1600w)
以下については、デフォルトで進めます。知識がある場合は、それぞれ設定を確認してOn/Offを切り替えます。
![WordPressの高速化プラグインをインストールしてみる](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_968,c_scale/f_auto,q_auto/v1615913384/5256b07720d0a6999f8afdbc605fcd43/5256b07720d0a6999f8afdbc605fcd43.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_283,c_scale/f_auto,q_auto/v1615913384/5256b07720d0a6999f8afdbc605fcd43/5256b07720d0a6999f8afdbc605fcd43.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_726,c_scale/f_auto,q_auto/v1615913384/5256b07720d0a6999f8afdbc605fcd43/5256b07720d0a6999f8afdbc605fcd43.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1615913384/5256b07720d0a6999f8afdbc605fcd43/5256b07720d0a6999f8afdbc605fcd43.png?_i=AA 1450w)
SEOに関する設定です。こちらもデフォルトのまま進めます。
![WordPressの高速化プラグインをインストールしてみる](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_765,c_scale/f_auto,q_auto/v1615913382/374b150ae102f63a3c91c596ec9fec20/374b150ae102f63a3c91c596ec9fec20.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_224,c_scale/f_auto,q_auto/v1615913382/374b150ae102f63a3c91c596ec9fec20/374b150ae102f63a3c91c596ec9fec20.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_574,c_scale/f_auto,q_auto/v1615913382/374b150ae102f63a3c91c596ec9fec20/374b150ae102f63a3c91c596ec9fec20.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1615913382/374b150ae102f63a3c91c596ec9fec20/374b150ae102f63a3c91c596ec9fec20.png?_i=AA 1456w)
画像の最適化に関するプラグインのインストールを促されるのでとりあえずインストールしてactive化します。
![WordPressの高速化プラグインをインストールしてみる](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_373,c_scale/f_auto,q_auto/v1615913378/bf983ff39bfe40cc7cee9fb9ff25c6e1/bf983ff39bfe40cc7cee9fb9ff25c6e1.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_109,c_scale/f_auto,q_auto/v1615913378/bf983ff39bfe40cc7cee9fb9ff25c6e1/bf983ff39bfe40cc7cee9fb9ff25c6e1.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_280,c_scale/f_auto,q_auto/v1615913378/bf983ff39bfe40cc7cee9fb9ff25c6e1/bf983ff39bfe40cc7cee9fb9ff25c6e1.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1615913378/bf983ff39bfe40cc7cee9fb9ff25c6e1/bf983ff39bfe40cc7cee9fb9ff25c6e1.png?_i=AA 1450w)
再度、計測を行います。
![WordPressの高速化プラグインをインストールしてみる](https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_789,c_scale/f_auto,q_auto/v1615913376/0a9fdd2d07d8b516970768605eee5cb3-1/0a9fdd2d07d8b516970768605eee5cb3-1.png?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_231,c_scale/f_auto,q_auto/v1615913376/0a9fdd2d07d8b516970768605eee5cb3-1/0a9fdd2d07d8b516970768605eee5cb3-1.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_592,c_scale/f_auto,q_auto/v1615913376/0a9fdd2d07d8b516970768605eee5cb3-1/0a9fdd2d07d8b516970768605eee5cb3-1.png?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1615913376/0a9fdd2d07d8b516970768605eee5cb3-1/0a9fdd2d07d8b516970768605eee5cb3-1.png?_i=AA 1448w)
ここまで、5分もかかっていません。モバイルのスコアが、36 => 47にアップしました。
他の画像圧縮プラグイン、js、CSSの圧縮プラグインが入っていますが、特に影響を与えていませんでした。
もしプラグインを入れて壊れたりするかもしれないと不安な場合は、以下のプラグインを先にいれて
すぐに戻せるようにしておきましょう。
プラグイン一覧の該当プラグインのrollbackを押すともとに戻せます。
![WordPressの高速化プラグインをインストールしてみる](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1615913373/9af67464e6fdffe15d610235750a5b32/9af67464e6fdffe15d610235750a5b32.png?_i=AA 812w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_108,c_scale/f_auto,q_auto/v1615913373/9af67464e6fdffe15d610235750a5b32/9af67464e6fdffe15d610235750a5b32.png?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_276,c_scale/f_auto,q_auto/v1615913373/9af67464e6fdffe15d610235750a5b32/9af67464e6fdffe15d610235750a5b32.png?_i=AA 768w)
こちらの記事も参考にしてみてください。