Written by Kasumi

【簡単】楽天GOLDページで画像・JS・CSSファイルのキャッシュが削除されない原因を解決!

楽天GOLDを使ってECサイトを運用している。

FTPを使ってCSS・JS・画像ファイルを上書き・更新したが反映されない。

ブラウザのキャッシュ削除機能を使っても反映されない。

本記事ではこのような悩みを解決します。

CSS・JS・画像ファイルの読み込みURLにパラメータを付与

    <!-- 画像 -->
    <img src="./common/img/sample.jpg?No=1" alt="">
    <!-- CSS -->
    <link rel="stylesheet" href="./common/css/style.css?No=1">
    <!-- JS -->
    <script src="./js/function.js?No=1"></script>

キャッシュが手動でなかなか削除できないのはブラウザ・楽天サーバーの仕様になります。

キャッシュを削除したいCSS・JS・画像ファイル読み込みURLの末尾に【?No=1】とパラメーターを付与します。

上記パラメーターを付与したらhtmlファイルをFTPでアップし更新します。

これでブラウザの更新ボタンを押すとキャッシュが削除されてファイルが更新されるようになります。

再度同じファイルで更新が必要になった場合はNo=2に変更します。

更新回数だけNoの数値を増やします。

以上でキャッシュ問題は解決します。

まとめ

楽天GOLDを契約するとトップページや下層などシステムページ以外、レスポンシブなhtmlサイトを自由に作れます。

キャッシュでお困りの方はぜひ本記事を参考にパラメーターを記述してみてください。

以上で解説を終わります。

目次

関連記事

HTMLCSS プログラミング

Animate.cssでアニメーション表示を遅延(delay)させる方法

2022.04.29
5240
HTMLCSS プログラミング

CSSで画像の高さを一律にそろえる方法【結論:object-fitを使えば簡単です】

更新日:2021.01.08
9807
HTMLCSS

CSSで透過グラデーションを作成する方法

2023.01.20
5670
HTMLCSS プログラミング

html・CSSでテキスト文章を縦書きにする方法

2021.12.22
775