🔧 前期准备（必须完成）

  1. 域名与备案：拥有已备案的自定义域名（如 cdn.sdsml.top），且已完成 CNAME 解析 指向阿里云 CDN（参考之前的自定义域名绑定步骤）。
  2. SSL 证书：CDN 加速域名已部署有效 SSL 证书（阿里云免费 DV 证书即可），浏览器访问 https://cdn.sdsml.top 显示安全锁。
  3. 源站状态：WordPress 源站（如 blog.sdsml.top）已启用 HTTPS，无 500/404 错误，且仅保留 WP Fastest Cache 一个缓存插件。
  4. 数据备份：通过宝塔面板 / 服务器备份 WordPress 的数据库和 wp-content 目录，防止配置出错。

🎯 操作环境

🚀 第一步：切换 CDN 加速模式为「全站加速」

默认 CDN 为「静态加速」，仅缓存图片 / CSS/JS，切换为「全站加速」才能缓存动态 PHP 页面。

  1. 登录阿里云 CDN 控制台 → 左侧菜单「域名管理」→ 找到你的加速域名（如 cdn.sdsml.top）→ 点击右侧「管理」。
  2. 进入域名配置页 → 左侧菜单「基本配置」→ 找到「加速模式」选项。
  3. 点击「修改配置」→ 选择「全站加速」→ 点击「确定」。
  4. 等待配置生效（约 5-10 分钟，控制台会显示「配置中」→「运行中」）。

关键说明：全站加速模式会优化动态页面的回源策略（如智能压缩、连接复用），减少 PHP 页面的加载延迟。

🛠️ 第二步：配置核心缓存规则（按优先级排序）

缓存规则的核心逻辑：高优先级排除动态敏感路径 → 中优先级缓存动态页面 → 低优先级缓存静态资源。

规则优先级：1（最高）> 3 > 5（最低），优先级越高的规则越先执行。

规则 1：排除后台 / 登录 / API 路径（优先级 1，不缓存）

目标：禁止 CDN 缓存 WordPress 后台、登录页、REST API 等动态资源，避免功能错乱。

  1. 在域名配置页 → 左侧菜单「缓存配置」→「缓存规则」→ 点击「添加规则」。
  2. 按以下参数填写（严格对照，不能错）：
配置项取值详细说明
规则名称自定义（如「排除 WordPress 动态路径」）便于后续识别
匹配方式路径匹配精准匹配后台 / 登录路径
匹配内容/wp-admin/*、/wp-login.php、/wp-json/*、/xmlrpc.php一行一个路径，覆盖后台、登录、API、远程调用
缓存策略不缓存强制 CDN 回源，不存储任何缓存
优先级1最高优先级，确保优先执行
生效范围全部文件对匹配路径下的所有文件生效
  1. 点击「确定」，完成第一条规则配置。

规则 2：动态 PHP 页面缓存（优先级 3，短期缓存）

目标：缓存游客访问的文章页、分类页等动态 PHP 页面，提升加载速度。

  1. 点击「添加规则」，填写参数：
配置项取值详细说明
规则名称自定义（如「WordPress 动态页面缓存」）-
匹配方式后缀匹配匹配所有.php 后缀的动态页面
匹配内容.php覆盖全站所有动态页面
缓存策略强制缓存忽略源站反缓存头，强制 CDN 缓存
缓存时间300 秒（5 分钟）与 WP Fastest Cache 插件缓存时间对齐
忽略 URL 参数开启（忽略全部）避免?utm_source=xxx等参数生成多份缓存
忽略源站 Cache-Control 头勾选确保 CDN 缓存策略不受源站影响
优先级3低于排除规则，高于静态资源规则
生效范围全部文件-
  1. 点击「确定」。

规则 3：首页专属缓存（优先级 3，与动态页面一致）

目标：单独缓存首页（/ 和 /index.php），提升核心页面加载速度。

  1. 点击「添加规则」，填写参数：
配置项取值详细说明
规则名称自定义（如「WordPress 首页缓存」）-
匹配方式路径匹配精准匹配首页的两种访问路径
匹配内容/、/index.php一行一个路径
缓存策略强制缓存-
缓存时间300 秒（5 分钟）与动态页面缓存时间一致
忽略 URL 参数开启（忽略全部）-
忽略源站 Cache-Control 头勾选-
优先级3与动态页面规则同级
生效范围全部文件-
  1. 点击「确定」。

规则 4：静态资源长缓存（优先级 5，长期缓存）

目标：缓存 CSS/JS/ 图片等静态资源，设置 1 年缓存时间，最大化减少回源。

  1. 点击「添加规则」，填写参数：
配置项取值详细说明
规则名称自定义（如「静态资源长缓存」）-
匹配方式后缀匹配匹配所有静态资源后缀
匹配内容.css、.js、.jpg、.png、.gif、.webp、.ico一行一个后缀，覆盖所有静态资源
缓存策略强制缓存-
缓存时间31536000 秒（1 年）静态资源更新后通过版本号刷新
忽略 URL 参数开启（忽略全部）-
忽略源站 Cache-Control 头勾选-
优先级5最低优先级，最后执行
生效范围全部文件-
  1. 点击「确定」。

规则配置完成后，回到缓存规则列表，确认 4 条规则的优先级顺序为 1 > 3 > 3 > 5，顺序错误会导致缓存策略失效。

🎛️ 第三步：配置登录用户会话隔离（Cookie 触发回源）

目标：让登录用户 / 管理员访问时，CDN 自动回源，不使用缓存，确保内容实时性。

  1. 在域名配置页 → 左侧菜单「访问控制」→「缓存 Key 配置」→ 找到「基于 Cookie 不缓存」→ 点击「添加规则」。
  2. 填写参数：
    • Cookie 名称：wordpress_logged_in_.*（正则表达式，匹配所有 WordPress 登录态 Cookie）。
    • 匹配方式：正则匹配。
    • 备注：登录用户回源。
  3. 点击「确定」，等待规则生效（约 5 分钟）。

⚡ 第四步：全链路性能优化配置

4.1 开启压缩优化

  1. 左侧菜单「性能优化」→「压缩优化」。
  2. 开启「Gzip 压缩」和「Brotli 压缩」。
  3. 压缩文件类型勾选：text/html、text/css、application/javascript、image/svg+xml（覆盖 HTML/CSS/JS/ 矢量图）。
  4. 点击「确定」。

4.2 开启 HTML/CSS/JS 优化

  1. 左侧菜单「性能优化」→「高级优化」。
  2. 开启「HTML 压缩」「CSS 压缩」「JS 压缩」。
  3. 关闭「JS 混淆」（避免 WordPress 脚本执行异常）。
  4. 点击「确定」。

4.3 配置回源参数（关键）

  1. 左侧菜单「回源配置」→「回源基本配置」。
  2. 确认以下参数：
    • 回源协议：HTTPS（必须与 WordPress 源站协议一致）。
    • 回源 Host：填写你的 WordPress 源站域名（如 blog.sdsml.top）。
    • 回源端口：443（HTTPS 默认端口）。
    • 保留客户端 Cookie：开启（确保登录态 Cookie 能传递到源站）。
  3. 点击「确定」。

4.4 强制刷新全站缓存

  1. 左侧菜单「刷新预热」→「URL 刷新」。
  2. 刷新类型选择「强制刷新」。
  3. 输入刷新内容：/*（表示刷新全站所有资源）。
  4. 点击「提交」，等待刷新完成（约 10 分钟）。

🔌 第五步：WordPress 侧 WP Fastest Cache 适配配置

确保插件缓存策略与 CDN 完全对齐，实现「双层缓存加速」。

  1. 登录 WordPress 后台 →「WP Fastest Cache」→「设置」。
  2. 基础配置（勾选以下选项）：
    • ✅ 启用缓存
    • ✅ Gzip 压缩
    • ✅ 缓存静态文件
    • ✅ 缩小 HTML
    • ✅ 缩小 CSS
    • ✅ 不缓存登录用户（关键，与 CDN Cookie 规则联动）
  3. CDN 集成配置：
    • 点击「CDN」选项卡。
    • CDN Url：填写你的 CDN 加速域名（如 https://cdn.sdsml.top）。
    • Origin Url：填写你的 WordPress 源站域名（如 https://blog.sdsml.top）。
    • 勾选「替换静态资源 URL」。
    • 点击「保存」。
  4. 清除插件缓存：点击「WP Fastest Cache」→「清除全部缓存」。

✅ 第六步：验证全站加速是否生效（3 个核心场景）

场景 1：未登录游客访问（预期：动态 / 静态资源均命中缓存）

  1. 退出 WordPress 登录 → 打开无痕浏览器→ 访问你的站点首页 / 文章页。
  2. 按 F12 打开开发者工具 → 切换到「网络」选项卡 → 刷新页面。
  3. 查看资源的响应头，验证以下内容：
    • 首页 / 文章页（.php）：响应头含 X-Cache: HIT 和 Cache-Control: public, max-age=300。
    • CSS/JS/ 图片：响应头含 X-Cache: HIT 和 Cache-Control: public, max-age=31536000。
    • 服务器标识：Server: Tengine（表示请求走阿里云 CDN 链路）。

场景 2：登录用户访问（预期：实时回源，无缓存）

  1. 登录 WordPress 后台 → 访问站点首页。
  2. 查看响应头：
    • 响应头含 X-Cache: MISS。
    • 含 Set-Cookie: wordpress_logged_in_xxx（触发 CDN 回源规则）。
    • 页面显示最新内容（如刚发布的文章）。

场景 3：后台访问（预期：功能正常，无样式错乱）

  1. 访问 https://你的域名/wp-admin → 登录后台。
  2. 验证：菜单正常、发布文章功能正常、无 CSS 样式缺失。
  3. 查看响应头：X-Cache: MISS（未被 CDN 缓存）。

📌 第七步：日常维护与问题排查

7.1 内容更新后的缓存刷新步骤

  1. 发布新文章 / 修改首页：
    • 先在 WordPress 后台 → WP Fastest Cache → 清除全部缓存。
    • 再到阿里云 CDN 控制台 → 刷新预热 → URL 刷新 → 输入 https://你的域名/ 和 https://你的域名/文章URL → 强制刷新。
  2. 更换主题 / 插件：
    • 清除插件缓存 + CDN 全站刷新（输入 /*）→ 避免旧资源缓存导致页面错乱。

7.2 常见问题排查

问题现象排查方法
静态资源不命中 CDN 缓存1. 检查静态资源规则优先级是否为 5；2. 检查 WP Fastest Cache 是否已替换静态资源 URL 为 CDN 域名；3. 确认静态资源后缀是否在规则匹配内容中
登录用户仍看到旧内容1. 检查「基于 Cookie 不缓存」规则的 Cookie 名称是否为 wordpress_logged_in_.*；2. 清除浏览器本地 Cookie 后重试；3. 确认规则匹配方式为「正则匹配」
后台样式错乱1. 检查排除规则是否包含 /wp-admin/*，优先级是否为 1；2. 刷新 CDN 缓存（输入 /wp-admin/*）；3. 确认回源 Host 填写正确
SSL 握手失败1. 检查 CDN 域名的 SSL 证书是否生效；2. 确认回源协议与源站协议一致（均为 HTTPS）；3. 清除浏览器缓存后重试

🎯 最终效果

配置完成后，WordPress 站点将实现：

  • 静态资源加载速度提升 80%+（CDN 全球分发 + 1 年缓存）；
  • 动态页面加载速度提升 50%+（插件 + CDN 双层缓存）；
  • 登录用户 / 后台实时回源，内容实时更新；
  • 缓存命中率稳定在 90% 以上。