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 プログラミング

【簡単】HTMLのformでリセットボタンを入れる方法

2022.04.17
2119
HTMLCSS プログラミング

【簡単】inputタグで入力した内容の履歴・入力候補を出さない方法【属性を設定すれば解決】

2022.02.24
10854
HTMLCSS

【CSS】ボーダー斜めのストライプ背景を作成する方法

2022.10.02
2589
HTMLCSS

【画像卒業】CSSだけで平行四辺形を作る方法

2022.07.05
3734