【解決】WordPress 6.9.x の更新でレイアウトが崩れたら、高速化（キャッシュ）系プラグインを疑え

問題

WordPress 6.9.x（気付いたのは6.9.4）に更新後、サイトを確認したところレイアウトがぐちゃぐちゃになっていた。ネットで情報を調べてみると、同じような現象の人や、サイトが真っ白になっているなどの情報あり。

症状

1. とにかくレイアウトがぐちゃぐちゃ。要素が縦並びになっていて、CSSが全く効いていないような状態。
2. ブラウザのスーパーリロード（Ctrl + F5）でキャッシュクリア更新しても直らない。
3. Chromeの開発者ツール（F12）の「スタイル」を確認してみると、指定してあるはずのCSSコードがそもそも表示されない。
4. Chromeでソースコードを表示してCSSファイルの読み込み先を調べてみると、リンク先がCSSファイルになっていない。（ん？）
5. リンク先をよく見ると、ページ高速化のプラグインが作成したPHPファイルになっていることに気づく。（はっ！）

原因

プラグイン「autoptimize」のキャッシュが悪さをしておりました。（ズコー）

対策

プラグイン「autoptimize」のキャッシュを削除したところ解決しました。

まとめ

調べてみると、WordPress 6.9.x の更新内容に、CSSの読み込み順が変わったとの情報があります。おそらくその影響によってキャッシュしていたスタイルの読み込みが上手くいかなかったと思われます。高速化プラグイン「autoptimize」は有名どころなので使っている人も多いと思います。この投稿で解決する人が1人でもいれば嬉しいです。

WordPressサイトの表示がおかしくなったら「まずはキャッシュ系プラグインを疑え」というのが常套句なのですが、いざそうなるとすぐに対応できないものですね……。ほんと、人は学ばない（笑）