浏览器缓存是浏览器在本地计算机上存储网站文件的一种方式。浏览器缓存确保在没有不必要的服务器连接的情况下加载所有文件，这是更快的。在这篇文章中，我们将告诉你如何检查浏览器缓存是否工作，以及如何在WordPress中优化它。
什么是浏览器缓存?
浏览器缓存允许您跳过服务器连接，并直接从本地计算机提取资源。这个高速缓存的工作原理就像临时的网络文件，占用了我们电脑上很大的空间。你需要它在那里，因为它有助于加快速度。但你不希望它永远在那里，因为网站上的事情可能会发生变化。您可以将这个“刷新”率设置为您想要的过期时间:越长越好。
过期时间列表
在大多数情况下，可以以秒为单位设置过期时间。这里有一个便利的列表，可能过期时间为您的浏览器缓存:
3600秒(小时)
86400秒(天)
172800秒(两天)
604800秒(周)
2592000秒(月)
31536000秒(年)
谷歌建议，对于静态资产或不经常更改的资产，缓存时间最小为一周，最好最多为一年。对于大多数网站来说，这是正确的。但是，正确的过期时间很大程度上取决于内容更改的频率。如果你有一个新闻网站，你的主页总是在变化。你可以毫无问题地将主页内容的过期时间设置为3600秒(1小时)。但是如果你在主页上加载一个CSS文件，那可能只有在重新设计时才会改变。该CSS文件的过期时间可以轻松地达到31536000秒(一年)。请测试并找到什么工作最适合您的类型的内容。
测试浏览器缓存
在本节中，我们将向您展示两个用于检查浏览器缓存的站点速度工具。你想用哪一个来检查你网站的浏览器缓存，也取决于个人喜好。
YSlow
我个人最喜欢的浏览器缓存检查是雅虎的YSlow。它可以作为浏览器扩展使用，工作速度非常快，并且检查的内容比浏览器缓存的过期时间要多得多。这里有一个截图:
浏览器缓存:yslow截图
etag
除了一个简单的过期头检查，YSlow还允许你检查实体标签，也被称为“ETags”。这些ETags用于“确定浏览器缓存中的组件是否与源服务器上的组件匹配”。这可以帮助浏览器确定新文件是否可用。请注意，ETags往往会减慢网站的速度，所以请深入主题，看看你是否真的需要这些。
正如你在图片中看到的(点击放大)，第一个文件是一个有一天过期时间的CSS文件。截图拍摄于6月20日，文件将于6月21日到期。我认为这没有必要;在大多数情况下，将CSS文件的过期时间设置为一年。
谷歌PageSpeed见解
谷歌在PageSpeed Insights中提供了自己的对浏览器缓存的检查。如果“应该修复”部分包含了“利用浏览器缓存”的建议，那么您一定要解决这个问题。
浏览器缓存:页面浏览洞察截图
正如你在上面的图片中看到的，像YSlow一样，谷歌PageSpeed Insights告诉你哪些文件需要一个(遥远的将来)过期日期。这些通常是CSS文件、JavaScript文件或(模板)图像。
如果这些工具不够清晰，我们可以依赖更多的工具来做额外的检查，比如Pingdom和GT Metrix。
帮助浏览器缓存的WordPress插件
你可以在。htaccess文件中设置浏览器缓存。对于大多数用户来说，这可能不是每天都要做的事情。然而，如果你用的是WordPress，你就很幸运了。有许多插件可以帮助你做到这一点。我们想强调一下我们最喜欢的。
WP火箭
在Yoast，我们是WP火箭插件的粉丝。它的简单性，结合了许多选项，使这成为我们的首选速度优化插件。浏览器缓存在插件激活后立即启用。提要缓存和移动缓存可以在插件中启用。点击这里了解更多信息。
WP火箭是我们的第一个推荐。话虽如此，WP引擎作为主机在默认情况下也缓存得非常好!在yoast.com，我们将WP引擎与Sucuri的WAF结合使用。只是为了完整:)