在
WordPress 网站优化中，启用
CDN 加速和缓存是提升加载速度的常用手段，但这也可能带来一个麻烦：当你更新了 JS 或 CSS 文件后，用户浏览器或 CDN 的缓存会导致无法及时加载最新版本，影响网站功能或样式展示。其实，通过简单的代码技巧就能解决这个问题，让浏览器自动识别并加载最新文件。
浏览器和 CDN 判断文件是否更新的重要依据是文件 URL。如果文件内容变化但 URL 不变，缓存系统会默认使用旧文件。因此，只要在文件 URL 后添加一个 “动态参数”（如版本号或时间戳），就能让缓存系统认为这是一个新文件，从而加载最新内容。
WordPress 提供了wp_enqueue_script()（加载 JS）和wp_enqueue_style()（加载 CSS）两个函数，专门用于管理前端资源，这两个函数都支持添加 “版本参数”，我们可以利用这一特性实现自动更新。
这是最基础的方案，通过手动修改版本号参数，强制缓存系统识别新文件。
引入 CSS/JS 时添加版本号在主题的
functions.php文件中添加以下代码（以 CSS 为例，JS 用法类似）：
效果说明
加载后的文件 URL 会自动带上版本参数，例如：
https://你的域名/wp-content/themes/主题名/css/custom.css?ver=1.0.0
当文件更新时，只需将版本号改为1.0.1，URL 会变为?ver=1.0.1，缓存系统会认为这是新文件并加载最新内容。
手动改版本号虽然有效，但每次更新都需要修改代码，不够高效。更优的方案是用文件最后修改的时间戳作为版本参数，实现全自动更新。
用时间戳替代固定版本号修改上述代码，通过
filemtime()函数获取文件最后修改时间（时间戳），作为版本参数：
效果说明
加载后的文件 URL 会显示为：
https://你的域名/wp-content/themes/主题名/css/custom.css?ver=1680000000
其中1680000000是文件最后修改的时间戳。每当你修改并保存custom.css或custom.js时，时间戳会自动更新，URL 随之变化，无需手动操作。
| 方法 |
优点 |
缺点 |
适用场景 |
| 手动版本号 |
简单易理解，可追溯版本历史 |
需手动修改，易遗漏 |
版本迭代明确的正式环境 |
| 自动时间戳 |
全自动更新，无需人工干预 |
时间戳无意义，无法追溯版本 |
开发测试阶段或频繁更新的场景 |
-
文件路径正确性
确保get_stylesheet_directory_uri()和get_stylesheet_directory()指向正确的主题目录，避免因路径错误导致文件无法加载。
-
缓存清理补充
若使用了服务器端缓存（如 Redis、Memcached），首次配置后建议手动清理一次缓存，确保新的引入方式生效。
-
兼容性
该方法基于 WordPress 原生函数，兼容所有正规主题和大部分缓存插件（如 WP Rocket、W3 Total Cache），无需担心冲突问题。
通过以上方法，既能保留 CDN 和缓存带来的速度优势，又能确保用户始终加载最新的 JS/CSS 文件，完美解决缓存导致的更新延迟问题。
联盟
更新JS和CSS文件时添加版本号是个实用的技巧，避免了因缓存问题导致的版本错乱，实用又方便！😊