您是否刚刚通过WP Super Cache
安装并激活后,WP Rocket将自动打开浏览器缓存。默认情况下,它会使用最佳设置添加过期标头和缓存控制标头,以加速您的WordPress网站。
这就是你需要做的。如果您想了解有关该插件的更多信息,请参阅有关如何在WordPress中正确安装和设置WP Rocket的教程。
如果您更喜欢使用免费的缓存插件将过期标头添加到您的网站,那么我们建议您查看W3 Total Cache。
W3 Total Cache提供了一些与WP Rocket相同的功能,但它并不适合初学者。您必须手动启用 expires 标头,因为它不会自动启用它们。
如果您已经对缓存进行了排序并且只想要一个更有针对性的插件,那么两个不错的免费插件是:
Leverage Browser Caching插件没有设置 – 您只需激活它,它就会立即开始工作。
Add Expires Headers插件可让您控制不同文件类型的过期标头 – 您可以从WordPress仪表盘中新的Add Expires Headers区域进行这些选择:
您可以为不同的文件类型配置不同的过期规则
如何测试过期标头是否正常工作
要测试您的过期标头是否配置正确,您可以使用GiftOfSpeed中的这个免费工具。输入网站的URL后,该工具会告诉您两件事:
- 您网站上所有文件的缓存持续时间。
- 缓存类型(应该说过期标头,因为这是您使用的方法,但您也可能会看到缓存控制,具体取决于您的站点配置)。
您还可以通过您正在使用的任何速度测试工具(例如GTmetrix)运行您的站点,并检查您是否仍然看到“添加过期标头”消息。
如何使用终端测试过期标头
如果您更喜欢使用更多技术选项测试过期标头,您可以curl
在终端中向您网站上的静态资产发出请求,并直接检查HTTP标头。例如,如果您的过期或缓存控制规则涵盖CSS文件,您可以发出curl
如下请求。
curl -I https://kinstalife.com/wp-includes/css/dist/block-library/style.min.css
在我们的例子中,curl
对style.min.css文件的请求提供了以下响应。
HTTP/2 200 server: nginx date: Wed, 27 Jan 2021 01:11:05 GMT content-type: text/css; charset=UTF-8 content-length: 51433 last-modified: Tue, 12 Jan 2021 20:17:48 GMT vary: Accept-Encoding etag: \"5ffe03ec-c8e9\" expires: Thu, 31 Dec 2037 23:55:55 GMT cache-control: max-age=315360000 access-control-allow-origin: * accept-ranges: bytes x-edge-location-klb: HaIXowU1oNczJ391oDE9zVvZ7279840b5d30a89472f57253756b3e63
如您所见,响应包括一个expires
和cache-control
标头。具体来说,cache-control
标头显示的max-age
为315360000秒,表示有效期为一年。
如何为外部脚本添加过期标头
我们在上面向您展示的方法将让您控制WordPress站点服务器上所有文件的过期标头。但是,这些方法不允许您控制您可能正在加载的第三方脚本的过期标头,例如Optimize My Google Fonts (OMGF) 免费插件。
您还可以Perfmatters
小结
回顾一下,过期标头可帮助您控制WordPress站点上不同文件类型的浏览器缓存行为。
如今,许多站点依赖缓存控制标头而不是过期标头,因为缓存控制是一种更现代的选项,可提供更大的灵活性。但是,对于大多数站点,过期标头仍然可以正常工作,您也可以同时使用过期标头和缓存控制。
此外,如果您不实施过期标头,一些速度测试工具会降低您网站的分数,这可能是您设置此策略的主要动机。
我们希望本教程能帮助您了解如何在WordPress中添加过期标头。您可能对下列文章也会感兴趣:
- 如何使用插件/无插件优化WordPress网站浏览器缓存
- 如何设置WordPress静态资源浏览器缓存
- 如何实现采用高效的缓存策略提供静态资源
- 使用Workers自定义CDN缓存策略取代Cloudflare Page Rule