スタイルが即時反映されなかったのはロリポップの「アクセラレータ」機能が原因だった件

公開日:/最終更新日: 2023(令和5)年12月2日

WordPress Trouble Shooting and Repair | Personal WP Customization Notes (PWCN)

サイトの維持や有用なページの紹介を目的として、このページには各所に広告を表示しています。多数の広告が表示され、閲覧しにくいところがあるかも知れませんが、ご協力いただけますようお願いいたします。

これはこのサイトの話ではなく(このサイトはカラフルボックス ColorfulBoxで運営しています)、とあるサイトのカスタマイズを依頼されたときに実際に発生した事象のメモです。

何度かやり取りをしていたサイトで、久しぶりに触ったら以下の現象が発生しました。

  1. wp_enqueue_scriptsで読み込ませたスタイルシートの反映が即座にされない
  2. 特にインラインで出力させたものが一向に反映されない
  3. なぜかstyle.cssに書いたものは即時反映される

特にひどかったのは、2のインライン出力で、変更しても一向に反映されず、正確な時間は分からないものの、少なくとも8時間程度は変更前のスタイルコードのまま出力されている状況でした。ただ、1の場合でも数時間かかり、ちょっとイライラ...。

そのサイトは即時反映されるようCSSをキャッシュしないようにわざとしているので、関係ないと思いつつブラウザ側のキャッシュは削除するも現象は改善されず..。

また、そのカスタマイズ内容は従前に私の環境でテストしているものをコピーしたので、まずコード等に間違いはない状況、もうこれはサーバー環境の違いだろうと調べたら、ビンゴ!でした。

その違いというのが「ロリポップ!アクセラレータ」というロリポップサーバーの機能。

これを行うことで一時的にページがキャッシュ(平たく言えばペラページとして保存)され、一定期間はそのキャッシュが転送されるというもので、WordPressでいえば、いわゆるキャッシュ系プラグインと同じような動作をするもののようです。

これをOFFにしたら...きちんと反映されるようになりました。

設定の変更はサーバーにログイン後、左メニューから「サーバーの管理・設定」を開き、「ロリポップアクセラレーター」を選択すると、ドメインごとにON/OFFできるようになっています。

ロリポップアクセラレーターの設定画面

一応先方にもこの機能をOFFにしてある旨を伝えてはあるのですが、解せないのが先方でONにした覚えがないということ。少し前にPHPバージョンの変更は行ったということだったので、そこを触ると勝手に自動で有効になるの?と????マークだらけでした。

ただ、キャッシュを利用しないといけない位の状況って、とんでもないアクセス数のあるサイトの話だし、この機能のONとOFFとで表示速度比較しても体感的には変わらないので、カスタマイズすることの多いサイト(ドメイン)では、変更が反映されない!とならないようにオフにしておいた方がいいかも知れません。

それにしても、公式ページでは

あなたのサイトを高速・安定して表示します。
ロリポップ!アクセラレータを利用することで、サイトの表示を高速化し、サーバー高負荷時でも安定して表示させます。 WordPress、EC-CUBE、baserCMS(4.2.0以降)、独自動的アプリケーション、静的サイトなど、幅広く効果を発揮します。

としっかりWordPressと記載してあるのに、うまくいかない、しかも今回起きたように時間差で適用されても..とちょっと困った日でした。

と同時にこんなことしなくても高速に処理してくれる「カラフルボックス ColorfulBox」サーバーはやっぱりすごいと惚れ直しました(笑)。

Lolipop ServerMoshimo Ad x-serverMoshimo Ad

WordPress Trouble Shooting and Repair | Personal WP Customization Notes (PWCN)
「Warning: Undefined array key “〇〇” in…」という警告が出る原因と対処