利用浏览器缓存无法正常工作和资源重复

Question

我的杠杆浏览器缓存存在问题。似乎我的资源不是从缓存中获取的，正如您在下面的图像中看到的那样，其中一些资源是重复的。我有这些元标记：

<meta http-equiv="Cache-Control" content="private, max-age=216000">

我也在我的.htaccess上得到了这个：

<IfModule mod_headers.c>
# Set the cache-control max-age
<FilesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=172800, public"
</FilesMatch>
# 2 DAYS
<FilesMatch ".(xml|txt)$">
Header set Cache-Control "max-age=172800, public, must-revalidate"
</FilesMatch>
# 4 HOURS
<FilesMatch ".(html|htm)$">
Header set Cache-Control "max-age=14400, must-revalidate"
</FilesMatch>

# Turn off the ETags
Header unset ETag
FileETag None

# Turn off the Last Modified header except for html docs
<FilesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css)$">
Header unset Last-Modified
</FilesMatch>

由于

Answer 1

好的，正如我从屏幕截图中看到的那样，您还没有设置任何缓存标头。即使你说你做了，我也无法通过屏幕截图看到它们。

以下是对缓存标头如何工作的解释，以防万一：Cache-Control headers, max-age defined but back button always deliver web cache data

为了提高缓存效率，您可以从公共CDN加载公共库。例如，您可以从他们的官方CDN加载JQuery：look here