1

ページ速度を向上させるために、使用する画像、css、および javascript の有効期限ヘッダーを設定したいのですが、css または js スクリプトを変更する際のキャッシュの問題を認識しています。

既存の画像、css、またはjsにどのキャッシュが設定されているかに関係なく、ブラウザーにすべての要素を更新するように指示するxhtmlをロードするファイルにメタまたはその他のタグを追加することは可能ですか?

4

3 に答える 3

2

おそらくやりたいことは、静的コンテンツをバージョン管理することです。つまり、main.cssファイルがあるとすると、これをmain_0.cssに名前変更してバージョン管理でき（単なる例）、キャッシュの有効期限を1年に設定します。main.cssを更新する必要がある場合は、バージョン番号をインクリメントして参照を更新するだけです。その後、すべてのクライアントが最新バージョンを取得します。

このバージョン管理を実行できるソリューションはいくつかありますが、これが基本原則です。

キャッシュ関連の質問がある場合、私は常にこれらのリソースが非常に役立つことを発見しました。

  1. http://code.google.com/intl/no/speed/page-speed/docs/caching.html
  2. http://code.google.com/intl/no/speed/page-speed/docs/filters.html

お役に立てれば。

編集

これが私が上で説明したことを行うバージョン管理ソリューション（mod_pagespeed）です：

  1. http://code.google.com/intl/no/speed/page-speed/docs/filter-cache-extend.html
于 2011-05-05T08:47:13.543 に答える
2

私の知る限り、そのような近道はありません。

そして、それがあったとしても - ポイントは何ですか？このようなヘッダーを送信すると、そもそも将来の有効期限ヘッダーの目的が無効になります。

有効期限ヘッダーを設定するときは、次のようなアセットのバージョン管理を要素に追加する必要があります。<link rel="stylesheet" href="css/style.css?v=2">

アセットへのパスを変更すると、同じ目標が達成されます。

はい、これは面倒です。しかし、キャッシュの無効化は難しい問題であり、簡単に回避する方法はありません。

于 2011-05-05T08:52:15.213 に答える
1

既存の画像、css、またはjsに設定されているキャッシュに関係なく、すべての要素を更新するようにブラウザーに指示するxhtmlをロードするファイルにメタタグまたはその他のタグを追加することは可能ですか？

私の知る限りではありません。

ページ速度を向上させるために、使用済み画像、css、javascriptのexpiresヘッダーを設定したい

これは私の意見では良いことです。

ただし、cssまたはjsスクリプトを変更する際のキャッシュの問題を認識しています。

CSSまたはJSに大幅な変更を加える場合は、とにかく変更をステージングする必要があります。新しいCSSとJSを別のパスに配置してこれらの変更を管理し、変更を行うときにHTMLの参照を変更します。これにより、次のことが可能になります。

  • 即座にロールアウト/バック
  • それらの参照を動的に生成することにより、選択的なロールアウトを行います
  • Webログは、バグレポートをフォローアップするための明確な監査証跡を提供するようになりました
  • CSSとJSの短期間のキャッシュに関する問題を回避します
于 2011-05-05T08:47:32.903 に答える