W3C Total Cache 導入後の文字化け

W3C Total Cache 導入後に以下のような文字化けが発生したため解決策を記す。

発生事象

以下の環境で画像のような文字化けが発生した。文字化けはWebページの再読み込みで解消される。

W3C Total Cache: 2.2.12
PHP: 8.0.25 (モジュールモード)

原因調査結果

• W3C Total Cacheの一般設定のページキャッシュを有効化、かつ、ブラウザキャッシュのgzip有効化で発生する。
• ページキャッシュ方法には依らなかった。

• テーマを自作テーマからTwenty Twenty-Threeに変更すると発生しない。
• PHP: 8.0.25 (モジュールモード)からCGIモードに変えると発生しない。

考察

以上より、PHPモジュールモードで、ページキャッシュを有効化、かつ、ブラウザキャッシュのgzip有効化した環境で発生する可能性がある。モジュールモードを無効化するほうがデメリットが大きいのでページキャッシュ無効化、gzip有効化とした。

最後に

この記事をご覧の方で、文字化けが発生していた場合にはコメント欄にてご連絡ください。上記方法では解決できていないということです。。