glossy-3d-web-20-refresh-symbol-icon

記事を書いてトップページをリロードしても最新記事が表示されない?THE THOR設定の罠。

ひいらぎやがこのページのテーマをTHE THORに変更してから一月ちょっとですが、まだまだ設定の詳細がわかっていないので、まじまじといろいろと見ながら、キーワードを勉強しながらそして変更していたりします。そして起きたのがタイトルの通り。新しい記事を追加しても自分からうまく見えなくなってしまったのです。いろいろと試した結果PWAの設定の罠にはまっていました。

glossy-3d-web-20-refresh-symbol-icon

現象は?

もう冒頭にかいたそのままなのですが、新しい記事を追加して、ページをリロードしてもその記事が表示されなくなってしまいました。

ただ、公開した記事のアドレスを直接入力すると記事は公開されているので、記事自体の作成には問題がなさそう。

そして、別のブラウザで起動してみると表示されたりするのですが、見えている記事こそ違うものの、最新の記事までが表示されているわけではないというところで問題は同じです。

ということで、それぞれの持っているキャッシュが原因なんだろうなと思い当たり、ブラウザのキャッシュを削除してみると最新まで見えることが確認できました。

キャッシュが原因と言うことはわかったのですが、丸一日、自分のページを読み込んでいないブラウザからアクセスしても最新の記事が表示されなかったりとどれだけ長く保持されているキャッシュなんだということでしばらく悩んでいました。

というのも、ひいらぎやは超高速CMS実行環境 kusanagi でwordpressを動かし、そしてその上で【THE THOR(ザ・トール)】をテーマとして使っています。kusanagi自体がキャッシュの仕組みを提供していて、さらにTHE THORもある程度の高速化の仕組みを持っているので、特にキャッシュのためのプラグインをインストールしておらず、特にその頃にキャッシュの設定を変更した覚えがなかったのです。

もちろん、kusanagiのキャッシュをオフにしてみたり、【THE THOR(ザ・トール)】のキャッシュに関する設定があったかなどをしばらく探したのですが改善なし…、ということでしばらく時間が経ってしまったのでした。

結果PWAを有効にしたことが原因

しばらくいろいろと設定を見て回っていて、そういえばPWAを有効にしたなぁというところに思い至り、そしてこれを無効にしたところあっさり解決しました…。

PWAはProgressive Web Appsの略で、Webページをスマホのアプリのように登録することが出来る機能です。

Googleが推し進めているプロジェクトで、オフラインでもローカルにキャッシュしておいた(!)コンテンツを見ることが出来たり、Web側からスマホ側にプッシュ型の通知を送ることが出来ます。

スマホのホーム画面にアプリのようにWebサイトを登録してもらえれば何度も繰り返し見てもらえるという強力なメリットがありますが、まぁそれは登録されたらのお話です。

ということで、ひいらぎやは、おお、THE THORいろんな機能に対応しているな!機能追加なら有効にしておくかというくらいで設定をしたのですがこれがなかなか罠だったわけです。勝手にはまりに行ったわけですが…。

ということで、備忘録ですねこれは…。

THE THORの導入についてはこちらに簡単にまとめています。

関連記事

何度かこのサイトを見て下さっている人は今日から大幅に見た目が変わったと言うことがわかると思います。単純にwordpressのテーマを変更しただけではあります。その中でも、いくつもある有料テーマの一つであるTHE THORを購入してみました[…]

table-with-newspaper-and-tea-cup
glossy-3d-web-20-refresh-symbol-icon
最新情報をチェックしよう!

このブログについての最新記事8件