Performance 提高网站性能缓存静态内容问题

我正在使用WebGetTest了解我的网站性能。我发现缓存静态内容存在问题，即“利用浏览器缓存静态资产：88/100”

失败-（无最长期限或过期）

我如何解决这个问题

我的htaccess看起来像：

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/png
AddOutputFilterByType DEFLATE image/jpg
AddOutputFilterByType DEFLATE image/gif

# Or, compress certain file types by extension:
<ifModule mod_deflate.c>
<filesMatch ".(js|css|html|htm|php|jpg|jpeg|woff|eot)$">
SetOutputFilter DEFLATE
</FilesMatch>
</ifModule>

# Direct Apache to send all HTML output to the mod_pagespeed output handler.
AddOutputFilterByType MOD_PAGESPEED_OUTPUT_FILTER text/html

压缩文本、html、javascript、css、xml： AddOutputFilterByType泄气文本/普通 AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE应用程序/xml AddOutputFilterByType DEFLATE应用程序/xhtml+xml AddOutputFilterByType DEFLATE应用程序/rss+xml AddOutputFilterByType DEFLATE应用程序/javascript AddOutputFilterByType DEFLATE应用程序/x-javascript AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/png AddOutputFilterByType DEFLATE image/jpg AddOutputFilterByType DEFLATE image/gif #或者，按扩展名压缩某些文件类型： SetOutputFilter放气 #指示Apache将所有HTML输出发送到mod_pagespeed输出处理程序。 AddOutputFilterByType MOD_PAGESPEED_OUTPUT_FILTER text/html

---

谢谢

除了deflate设置之外，您还需要添加一些过期控件来管理浏览器缓存。我使用了以下方法并取得了很好的效果。根据站点上文件的具体情况，您可能还需要添加音频和视频文件

从内存来看，WebGetTest喜欢将到期日设置为至少1个月，因此您可能还需要调整1周的设置

祝你好运

################
# Enable expiration control
ExpiresActive On

# Default expiration: 1 hour after request
ExpiresDefault "now plus 1 hour"

# CSS and JS expiration: 1 week after request
ExpiresByType text/css "now plus 1 week"
ExpiresByType application/javascript "now plus 1 week"
ExpiresByType application/x-javascript "now plus 1 week"

# Image files expiration: 1 month after request
ExpiresByType image/bmp "now plus 1 month"
ExpiresByType image/gif "now plus 1 month"
ExpiresByType image/jpeg "now plus 1 month"
ExpiresByType image/jp2 "now plus 1 month"
ExpiresByType image/pipeg "now plus 1 month"
ExpiresByType image/png "now plus 1 month"

########## End - Optimal expiration time

ExpiresActive开启
ExpiresDefault“访问加1个月”
ExpiresByType text/html“现在加0秒”
FileTag MTime大小
ExpiresDefault“访问加1个月”

以下是我在主机上更改缓存控制后在.htaccess中的内容。但即使我改变了这些，当我运行webgetest.org时，似乎也没有什么好的效果。我需要等到以前的缓存过期后再运行它。它起作用了。万岁！ . 在这里我找到了一个有用的链接。

---

我尝试过，但得到相同的消息“利用静态资产的浏览器缓存：77/100”失败-（没有最长期限或过期）如果你发布一个网站的URL，我可以为你查看更多。如果你查看webgetest.org浏览器缓存的结果，你会发现一些资源直接来自谷歌，除非你自己尝试托管这些文件，否则你无法对它们做任何事。还有一些CSS和JS文件来自您的站点，您可以控制它们。您正在使用CloudFlare CDN。尝试转到CloudFlare，然后转到域>CloudFlare设置>性能设置。将最小TTL设置为1个月，选择autominify JS、CSS和HTML，清除浏览器缓存并仔细检查网站上的所有内容是否正常，然后再次检查WebGetTest。

ExpiresActive on
ExpiresDefault "access plus 1 month"
ExpiresByType text/html "now plus 0 second"
<FilesMatch "\.(css|js|png|bmp|ico|htm|gff|html|js|jpg|jpeg|gif|gcf)$">
FileETag MTime Size
ExpiresDefault "access plus 1 month"
</FilesMatch>