web-dev-qa-db-ja.com

CSS変更は適用されません-キャッシュはどこにありますか?

今まで見たことのない奇妙な問題に遭遇しました。 CSSファイルを編集してサーバーにアップロードしました。ホスティングのファイルマネージャーから、ファイルが更新されていることがわかります。しかし、私のローカルコンピュータでは、それはまだ古いバージョンです。

ブラウザのキャッシュをクリアし、別のブラウザを使用しました。携帯電話のブラウザを使用するように切り替えましたが、CSSはまだ古いものです。したがって、これはサーバー側の問題だと思います。

Joomlaにログインして、見つかったすべてのキャッシュをクリアしましたが、ファイルはまだ更新されません。

では、このキャッシュはどこに保存できますか?

編集開発者ツールを使用して、CSSファイルをクリックして新しいタブで開きます。CSSファイルがまだ古いバージョンであることがわかります。ブラウザタブでこのファイルを更新するためにF5キーを押しました。通常、これによりブラウザは新しいバージョンがあるかどうかを確認するよう強制されますが、ファイルはまだアップグレードされないため、これは間違いなく別のものです。 PS:私はファイルを間違えなかったと確信しています。

6
shenkwen

一部の本当に安くて売られすぎのホストは、アセットファイル(画像、JSファイル、CSSファイル)を長期間キャッシュする傾向があります。数時間後にファイルが更新されたかどうかを確認してください。

そうでない場合で、ブラウザのキャッシュをクリアしたとすると、おそらく間違ったファイルを表示しているか、CSSファイルのファイル転送が失敗している可能性があります(アクセス権の問題?)。そのため、変更は有効になりませんでした(これは、開発者にとっては非常に一般的な問題です)。

3
itoctopus
  • ブラウザを介して更新されたcssファイルに直接アクセスし、古いcssを表示しますか?
  • または、サイトに変更が反映されないのを見ているだけですか?

両方のシナリオに対するいくつかの提案:

A。ブラウザから更新されたcssファイルに直接アクセスして、古いcssが表示されますか?

  1. FTPアップロードしているサーバー/場所が、HTTPで到達しているサーバー/場所と同じであることを確認してください。

  2. 一部のウェブホストは、ウェブサイトファイルをキャッシュする速度最適化機能を提供しているため、そのような機能の「犠牲者」にならないようにしてください。

  3. .htaccess ために mod_expiresディレクティブの設定が長すぎます。

  4. サイトをキャッシュしているCDN(Cloudflareなど)の使用の可能性を確認します。

  5. ブラウザーでハードリフレッシュ-キャッシュをクリアしてみてください。

B。または、変更がサイトに反映されないのを確認しますか?

  1. 編集中のCSSは、表示しているページに読み込まれていません。

  2. 行ったCSSの変更は、他のCSSスタイルよりも優先されません。

  3. 行ったCSSの変更は正しくないか、HTMLに適用されません。

  4. キャッシュを個別にクリアして新しいCSSを強制的に再生成する必要があるすべての利用可能なCSSを読み取ることにより、最終的なマスター圧縮CSSを生成できる拡張機能またはプラグインがあります。または、速度を最適化するための別のサードパーティの拡張機能、圧縮やキャッシングなどのキャッシュなど、またはディレクティブの設定.

5
FFrewin

私がSiteGroundのitoctopusに似ていたので、答えを追加しました。プラグインの代わりに、CSSファイルがキャッシュされる原因となるSiteGroundによって作成されたサービスがありました。これは、CPanelを介して対話できます。

SuperCacherの紹介

1
Andrew Dunaway