23

サイトで Google PageSpeed を実行していますが、
「キャッシュ バリデータを指定する」必要があると表示されます。

次のリソースにはキャッシュ バリデータがありません。キャッシュ バリデータを指定しないリソースは、効率的に更新できません。Last-Modified または ETag ヘッダーを指定して、次のリソースのキャッシュ検証を有効にします。

...次に、画像、CSS、JS などを一覧表示します。

http://code.google.com/speed/page-speed/docs/caching.html#LeverageBrowserCachingによると:

Last-Modified 日付を、リソースが最後に変更された日付に設定します。Last-Modified の日付が十分に過去の日付である場合、ブラウザはそれを再取得しない可能性があります。

.htaccess に次のものがあります。

<IfModule mod_headers.c>
    <FilesMatch "\.(bmp|css|flv|gif|ico|jpg|jpeg|js|pdf|png|svg|swf|tif|tiff)$">
        Header set Last-Modified "Tue, 31 Aug 2010 00:00:00 GMT"
    </FilesMatch>
</IfModule>

私は何を間違っていますか？

4

3 に答える 3

16

あなたが抱えている問題はExpire:、ではなくにあると思いますLast-Modified:。ApacheはデフォルトLast-Modified:で、ファイルの日付に基づいてファイルヘッダーを送信します。上のコードを削除して、次のように置き換えることをお勧めします。

<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresDefault "access plus 1 year"
</IfModule>

それで試してみてください。うまくいかなかった場合は、これも追加してみてください。

<IfModule mod_headers.c>
    <FilesMatch "\.(bmp|css|flv|gif|ico|jpg|jpeg|js|pdf|png|svg|swf|tif|tiff)$">
        Header set Last-Modified "Mon, 31 Aug 2009 00:00:00 GMT"
    </FilesMatch>
</IfModule>
于 2010-09-04T21:08:08.093 に答える
6

「キャッシュバリデーターを設定」するには、ヘッダーで以下を送信する必要があります。

Expires また Cache-Control: max-age

と

Last-Modified また ETag

たとえば、PHP では、CSS および JS ファイルに次のコードを追加できます。

<filesMatch "\.(js|css)$">
    Header set Expires "Thu, 21 May 2013 20:00:00 GMT"
    Header set Last-Modified "Thu, 21 May 2012 20:00:00 GMT"
</filesMatch>

これは、Google の Pagespeed Calculator を満足させます。

于 2012-05-30T10:26:44.807 に答える
2

上記のコードをすべてテストしましたが、gtmetrix ランクに変化は見られません。この改善された Cache-Control (キャッシュ バリデーターを指定) ランクを私の wordpress サイトに使用する:

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access plus 1 year"
</IfModule>
## EXPIRES CACHING ##

<ifModule mod_headers.c>
  <filesMatch "\\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
    Header set Cache-Control "max-age=2592000, public"
  </filesMatch>

  <filesMatch "\\.(css)$">
    Header set Cache-Control "max-age=2592000, public"
  </filesMatch>

  <filesMatch "\\.(js)$">
    Header set Cache-Control "max-age=216000, private"
  </filesMatch>

  <filesMatch "\\.(xml|txt)$">
    Header set Cache-Control "max-age=216000, public, must-revalidate"
  </filesMatch>

  <filesMatch "\\.(html|htm|php)$">
    Header set Cache-Control "max-age=1, private, must-revalidate"
  </filesMatch>
</ifModule>

サイトとそのファイルの max-age 値を自分でカスタマイズすることをお勧めします。

于 2014-10-03T10:37:51.430 に答える