Webページの変更が反映されないときはこれが原因かも! CloudFlare のキャッシュを削除する方法

phi phi on tool, web

前回 CloudFlare のキャッシュが原因で Web ページが反映されなかった話 を書いたのですが, 今回はそのキャッシュを削除する方法を簡単に紹介したいと思います.

CloudFlare とは?

CloudFlare は, 無料で使える CDN サービスです.
画像や CSS, JS, txt といったファイルを複数のサーバーにキャッシュすることで 高速なレスポンスを実現します.

ちなみに, 筆者がよくお世話になっている cdnjs も CloudFlare を使っています.

CloudFlare にキャッシュされたファイルをクリアする方法

1. Caching ボタンをクリック

CloudFlare のヘッダーにある caching ボタンをクリックしてください

cloudflare_cache_1

2. Purge Individual Files ボタンをクリック

Purge Individual Files ボタンをクリックしてください. モーダルが表示されます.

cloudflare_cache_2

3. キャッシュ削除したいファイルのパスを入力

表示されたモーダルの, テキストエリア部分に キャッシュ削除したいファイルを参照する URL を入力してください.

最後に Purge Individual Files ボタンをクリック♪

cloudflare_cache_1

これでキャッシュされているファイルが削除されます!