“利用浏览器缓存”的 Google PageSpeed Insights 警告。如何更好地将这些文件缓存在 htaccess 中？

Question

我将以下代码放在我的 htaccess 中以提高浏览器缓存和页面速度。但是 Google PageSpeed Insights 仍然给我一个危险信号，说我应该在许多对象上“利用浏览器缓存”，即使它们已经缓存到设定的持续时间。

<IfModule mod_expires.c> 
  ExpiresActive On
  ExpiresDefault "access plus 30 seconds"
  ExpiresByType text/html "access plus 30 seconds"
  ExpiresByType image/x-icon "access plus 259200 seconds"
  ExpiresByType image/gif "access plus 259200 seconds"
  ExpiresByType image/jpeg "access plus 259200 seconds"
  ExpiresByType image/png "access plus 259200 seconds"
  ExpiresByType text/css "access plus 259200  seconds"
  ExpiresByType text/javascript "access plus 259200 seconds"
  ExpiresByType application/x-javascript "access plus 259200 seconds"
</IfModule>

（259200 秒 = 3 天）

这就是 Google PageSpeed Insights 所说的我需要在“利用浏览器缓存”方面做得更好。尽管您可以看到所有文件和图像都设置为持续时间。

http://m.addthisedge.com/…-55fe4c5f093b7938/_ate.track.config_resp (60 seconds)
http://s7.addthis.com/js/300/addthis_widget.js (10 minutes)
http://website.com/externalimage.jpg (2 hours)
http://website.com/externalimage2.jpg (2 hours)
https://www.google-analytics.com/analytics.js (2 hours)
http://example.com/img/menu.png (3 days)
http://example.com/img/nextpage.png (3 days)
http://example.com/img/search.png (3 days)
http://example.com/img/signup.jpg (3 days)
http://example.com/img/signup.png (3 days)
http://example.com/logo.png (3 days)
http://example.com/style.css (3 days)
http://example.com/css.css (3 days)

Google 是否试图说其中一些图像需要 2 小时，而其他一些文件需要 3 天不够长？我能做些什么来提高性能？它真的给我自己的 google analytics.js 文件一个危险信号吗？有没有办法可以更好地缓存外部 addthis 和分析文件？而且我假设我实际上并不想缓存分析文件，因为这可能与用户跟踪发生冲突？

有没有一种方法可以更改当前设置为 2 小时的外部域上图像的缓存？我想将它们缓存更长的时间。

非常感谢任何有助于提高我的页面性能的帮助。我不知道为什么这些已经设置为缓存的文件会向我发出红色标记。谢谢。

Answer 1

简单地说，我发现 Google 建议至少 7 天的缓存，并且只会发送 3 天的警告。

我还了解到，由于我不控制这些服务器，因此无法增加远程文件的缓存时间。

为了安抚 Pagespeed Insights，我将自己文件的缓存设置为至少 7 天。