实用缓存无效

服务器端渲染现在已成为网站和应用程序的标准做法。像谷歌 Chrome 这样的浏览器也倾向于尽可能多地缓存内容,以最大限度地缩短后续请求的加载时间。可以使用`mod_pagespeed`模块、 `Expires` / `Cache` 控制标头、缓存清单文件,或者更直接、更实用的方法——向文件名添加自定义参数——来实现 CSS、JS 和图像文件的缓存失效。


对于何时应该重新加载文件,有不同的策略。

最简单的变体是随每个请求重新加载。 为此,您只需将随机字符串附加到要嵌入的文件中,然后强制重新加载(此处以图像文件为例):

2e634273f316c54b39828f057f7c7d9c

如果这太好了,而您只想在文件更改时重新加载,请使用上次文件更改的日期(此处使用 JS 文件作为示例):

2e634273f316c54b39828f057f7c7d9c

如果您使用像Git这样的版本控制系统,您还可以使用最后一次提交的唯一哈希值(缩写版本就足够了)(这里以 CSS 文件为例)。:

2e634273f316c54b39828f057f7c7d9c

WordPress默认将当前WordPress版本附加到通过enqueue_styleenqueue_script集成的所有文件中。 此行为可以直接在函数调用中作为参数更改,也可以全局挂起并使用上述方法之一:

2e634273f316c54b39828f057f7c7d9c

背部