2020年1月28日0(0)本Blogの投稿履歴を見てもらえるとすぐに分かりますが2017年年末以降あまり投稿しておらず、結果的にWordPress環境を放置していました。CentOS7のPHP(5.4系)をPHP7.2にバージョンアップする、ついでにWordPressも5系へ。Cent0S7のPHPは5.4以降メンテナンスされていないことからWordpressのバージョンアップに困っている方も多いのではないでしょうか。...続きを見るPHPのバージョンアップと共にWordPressも最新にしたことで改めてメンテナンスをしてみたところ、異様に速度が遅くなっていることが分かりました。今回は改めてチューニングしましたのでそのやり方についてお伝えしたいとも居ます。測定結果おまけ結論いろいろなプラグインも試してみましたが、今後の管理のしやすさも考えると、以下の2つのプラグインを入れておけばWordPressの性能問題はだいたい解決できるのではないかと思います。それ以外の性能(ハード面の性能、とコンテンツの性能(例:Googleの広告が多い、等))については本記事では触れません。convert.WordPress.org当環境とチューニングに利用したサイト当方の環境は以下の通りです。5.3.2-jaまた、サイトチューニングの際の性能測定サイトとしては一般的な以下の2サイトを利用しています。them.gtmetrix.comチューニング不要なプラグインの削除さて、PHP、WordPressともにアップグレードしましたが、重大エラーは出ていないものの、実はエラーが出力されているプラグインもあります。wp-config.phpでデバッグをオンにしてエラーが出ていないかチェックしましょう。エラーが出ている場合にはプラグインを停止・削除することをオススメします。Cache】を止めたところ、管理画面の性能が格段に上がりました。昔から管理画面は遅いと思っていたのですが、もしかすると昔から管理画面性能に悪影響を与えていたのかもしれません。Optimizerに統合することができましたので削除してしまいました。続いては一般的に他のサイトで紹介されている手段です。AutoptimizeCSS、JavaScriptを最適化してくれるプラグインです。JavaScriptJavaScriptの読み込みを非同期にしたり遅延読み込みをさせるためのプラグインです。Load画像をスクロールに合わせて遅延読み込みさせるためのプラグインです。Cache動的な画面を静的(キャッシュ)に変換し表示を早くさせるためのプラグインです。Cache(以下W3TC)のみの対応です。Cache(以下WPFC)のプレミアム版を購入しているので、WPFCを使うことは大前提で話を進めます。Optimizer次世代画像フォーマットWebpに対応するためのプラグインです。画像アップロード時画像のリサイズ、最適化も行ってくれます。私の場合、結果は以下の通りです。本来は1つずつ説明すべきですが(実際そうしました)、結局うまくいかなかったので今回は最終結果のみお伝えしようと思います。WPFCの設定ですが、AutoptimizeにてHTML/CSS/JSの最適化を実施しましたので関連するチェックは外します。当サイトのテーマはレスポンシブルデザインなのでモバイル用テーマ、というのはないためモバイル用のキャッシュも外しています。W3TCはDBキャッシュの機能のみ利用しています。Cacheのみ有効(Enable)にします。WPFCと競合しますので必ず他のチェックボックスは外しましょう。Loadについては画像読込中のまま画像が表示されなくなった。JavaScriptとの競合です。Loadの組み合わせは問題ありません。Loadは使用しないこととしました。Optimizerを使って一晩かけて当サイト全てのJPEG、PNG画像についてWEBP化しました(xxxxx.jpgをxxxx.jpg.webpを作成)が、画像が表示されず、「メディア」を見てもサムネイルが表示されなくなってしまいました。これは当方の環境起因で普通の方には発生しない事象だと思いますが、当方のサイトでは画像などの静的コンテンツを別サーバーに格納しています。URLもドメインレベルから別です。これが原因で画像が表示されていませんでした。$wordpress/.htaccessに以下を追加することでWEBPアイコンが緑になります。.webpこのRewriteRuleがうまくいっていなかったようです。上記のRewriteRuleをご自分のサイトに合わせて書き換えてやりましょう。うちのサイトの場合は以下の通りです。.webpまたWPFCを導入している場合には$wordpress/.htaccessに既にWEBP用の設定が入っている可能性もありますので修正はそちらにしたほうがいいでしょう。WEBPWpFastestCacheちなみに、mod_rewriteのデバッグは/etc/httpd/conf.d/ssl.confのVirtualHostディレクティブ内を編集します。HIGH:MEDIUM:!aNULL:!MD5:!SEED:!IDEA〜これでssl_error_log内にデバッグログが出力されます。Loadの代替ができますのでそちらを利用します。当サイトのテーマはレスポンシブルデザインですのでモバイル用のチェックは不要なのですが、以下の公式HPを参考にして下さい。Cachewww.wpfastestcache.com測定結果チューニング後、パソコン性能チューニング後、モバイル性能モバイル性能はまだまだ改善の余地がありそうですが、環境の問題というよりはコンテンツの問題なような気がします。おまけ$wordpress/wp-content/cache配下にキャッシュが作られますがこのディレクトリをメモリ上に作るとさらなる効果があります。WordPressの性能チューニング(キャッシュ)WordpressのキャッシュファイルをRAM(メモリ)上に展開することでアクセスが劇的に速くなります。そのやり方についてご紹介します。Alert」を少し改造させてもらったのでそれを記事にします。次なる目標は年間100万PVの達成を目指して頑張っているsetoatuです。コメントをキャンセルPREVMacOS+Windows(リモートデスクトップ)な人向けKarabiner-Elements設定をご紹介NEXTWindows10・Macのネットワークチューニング。購読するこの記事はここだけ読めばわかる!WordPress5.3系の性能改善の記事です。WEBP化するに当たって画像が表示されないトラブルもありましたがその解決方法を含めて解説します。試してみたけどタイトルの2つのプラグインがあれば他は不要なんじゃないか、という話です。Ash現在ドイツ赴任中の会社員。20年以上SIer業界で頑張っています。本ブログでは「コンピュータ関連」や趣味の「ガジェット」についての記事を書いています。