利用浏览器缓存

时间:2010-04-14 00:41:16

标签: apache .htaccess caching

我有一个网站,当我使用Google插件查看网页速度时,我会收到:

利用浏览器缓存 以下资源缺少缓存过期

我在哪里可以更改此设置?

3 个答案:

答案 0 :(得分:15)

修改.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 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"
</IfModule>

此链接可以帮助您: http://www.quickonlinetips.com/archives/2010/05/leverage-browser-caching-increase-website-speed/

答案 1 :(得分:2)

利用浏览器缓存

通过在访问者浏览器上存储网站上常用的文件来减少页面的加载时间。

要启用浏览器缓存,您需要编辑HTTP标头以设置某些类型文件的到期日期。

在域的根目录中找到.htaccess文件,此文件是隐藏文件,但应显示在FTP客户端(如FileZilla或CORE)中。您可以使用记事本或任何形式的基本文本编辑器编辑htaccess文件。

在这个文件中,我们将设置缓存参数,告诉浏览器要缓存哪些类型的文件。

下面的代码告诉浏览器要缓存什么以及要记住&#34;它。它应该添加到.htaccess文件的顶部。

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

<强>建议:

  • 积极使用所有静态资源的缓存
  • 至少一个月到期
  • 不要提前一年以上设置缓存!

参考:http://websitespeedoptimizations.com/LeverageBrowserCaching.aspx

答案 2 :(得分:0)

一种更好的leverage browser cache方法是将 .htaccess 文件与FILEMATCH指令一起使用。这是您可以在网站内的 .htaccess 中放入的快速代码。这是一个快速修复,在您有其他问题之前,不需要进行进一步的更改。

<IfModule mod_expires.c>
   ExpiresActive On
   ExpiresDefault A0
   <FilesMatch "\.(txt|xml|js)$">
   ExpiresDefault A691200
   </FilesMatch>
   <FilesMatch "\.(css)$">
   ExpiresDefault A691200
   </FilesMatch>
   <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
   ExpiresDefault A691200
   </FilesMatch>
   <FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
   ExpiresDefault A691200
   </FilesMatch>
</IfModule>
<IfModule mod_headers.c>
   <FilesMatch "\.(txt|xml|js)$">
   Header set Cache-Control "max-age=691200"
   </FilesMatch>
   <FilesMatch "\.(css)$">
   Header set Cache-Control "max-age=691200"
   </FilesMatch>
   <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
   Header set Cache-Control "max-age=691200"
   </FilesMatch>
   <FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
   Header set Cache-Control "max-age=691200"
   </FilesMatch>
</IfModule>
相关问题