web-dev-qa-db-ja.com

CSS、JS、および画像に有効期限を設定する方法

最近、firebugのpagespeedアドオンを使用してWebサイトを分析しました。 CSS、JS、および画像ファイルに有効期限を設定することを提案しました。

私はこれをどのように行うのでしょうか?

39
KoolKabin

これは、PageSpeedアドオンを実行したときにまったく同じ問題を修正するために使用するものです。

<FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
    Header set Cache-Control "max-age=604800, public"
</FilesMatch>

これは.htaccessファイルに入ります。

追加のファイルタイプのキャッシュを設定する方法および/またはキャッシュの長さを変更する方法の詳細については、このページを参照してください。

http://www.askapache.com/htaccess/Apache-speed-cache-control.html

51
Jay

私はそれを探している人のためにこのソリューションを追加したいと思います....

.htaccess

https://webmasters.stackexchange.com/a/5275/37765

 <FilesMatch "(?i)^.*\.(ico|flv|jpg|jpeg|png|gif|js|css)$">
  ExpiresActive On
  ExpiresDefault A2592000
 </FilesMatch>
6
Mohammed Sufian

私がやっていることは、ファイル「expires.conf」を作成し、Apacheのサイトファイル設定に含めることです。必要に応じて、.htaccessに含めることができます。私の有効期限:

<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 text/html "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 1 month"
</IfModule>

Apacheのexpiresモジュールをアクティブにする必要があります。

0
jotacor