【きゃっしゅくりあ】

キャッシュクリア とは?

💡 溜まったゴミを掃除してスッキリ動作回復
📌 このページのポイント
キャッシュクリア:Before vs After Before(古いキャッシュ) 古い画像データ(2週間前) 期限切れCSS(1ヶ月前) 壊れたJSキャッシュ 表示崩れ・動作不良 ⚠️ クリア! After(最新データ) 最新の画像データ ✓ 最新のCSS ✓ 最新のJS ✓ 正常表示・快適動作 ✓ キャッシュクリア = 古いデータを消して最新版を取得し直す
キャッシュクリアのイメージ
ひよこ ひよこ

スマホのアプリがすごく重いんだけど、どうすればいいの?

ペンギン先生 ペンギン先生

まずはキャッシュクリアを試してみるといいよ。溜まった一時データを消すと動作が軽くなることが多いんだ

ひよこ ひよこ

キャッシュって消しちゃって大丈夫なの?

ペンギン先生 ペンギン先生

大丈夫だよ。キャッシュは一時的なデータだから、必要になったらまた自動で作られるんだ

ひよこ ひよこ

じゃあ毎日消したほうがいいの?

ペンギン先生 ペンギン先生

毎日やる必要はないよ。動作が重いとか表示がおかしいときにやるくらいでちょうどいいね

ひよこ ひよこ

キャッシュクリアしてもページがおかしいままのときはどうするの?

ペンギン先生 ペンギン先生

ブラウザキャッシュだけじゃなくて、CDNキャッシュサーバー側のキャッシュが残っている場合があるんだ。Ctrl+Shift+R(スーパーリロード)を試すのが最初のステップだね。開発者なら「Ctrl+Shift+I」でDevToolsを開いて、Networkタブの「Disable cache」をチェックすると確実にキャッシュなしでアクセスできるよ。実はService Workerキャッシュを管理している場合もあって、その場合はDevToolsのApplicationタブから手動で登録解除が必要になることもあるんだ。

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「キャッシュクリア」って出てきたら「ブラウザやアプリの一時データを消してリフレッシュすること」と思えればだいたいOK!
📖 おまけ:英語の意味
「Cache Clear」 = 一時保存(Cache)を消去する(Clear)
💬 Cacheはフランス語由来で「隠し場所」の意味。一時的に隠して保存しておくイメージ
← 用語集にもどる