EP27. “安全与速度优化”
🔒 登录后可标记已读- 这一讲装的一个设置，会在下一讲测试结账时埋下一个雷——先说好，方便到时候回来查
- 接下来要让网站更快、更安全、符合 GDPR 法规
- 需要安装并配置四个插件：Jetpack Boost（速度优化）、Jetpack 安全功能、Antispam Bee（垃圾留言过滤）、Cookie Yes（Cookie 同意弹窗）
所需工具
WordPress 自托管网站
重点内容
插件总览
| 插件 | 功能 | 费用 |
|---|---|---|
| Jetpack Boost | 速度优化（Critical CSS / CDN / Defer JS） | 免费版够用 |
| Jetpack（Security） | 防火墙 + 暴力破解防护 | 免费基础功能 |
| Antispam Bee | 垃圾留言过滤（GDPR 友好） | 免费 |
| Cookie Yes | GDPR Cookie 同意弹窗 | 免费基础版 |
1. Jetpack Boost：速度优化
安装路径：Plugins → Add New → 搜索 Jetpack Boost，安装并激活。
配置路径：Jetpack → Boost
| 功能 | 设置 | 说明 |
|---|---|---|
| Critical CSS | 开启 ✅ | 提取关键样式优先加载，页面视觉显示更快 |
| Defer JavaScript | 开启 ✅（初始） | 延迟非核心 JS 加载，但可能影响结账 |
| Image CDN | 开启 ✅ | 通过 Jetpack 全球 CDN 加速图片加载 |
[截图：Jetpack Boost 设置面板，显示 Critical CSS / Defer JavaScript / Image CDN 三个开关]
⚠️ 重要：Defer JS 与结账冲突
在 EP28 测试结账时，如果发现按钮无响应或页面错误：
- 进入 Jetpack → Boost。
- 关闭 Defer JavaScript。
- Critical CSS 和 Image CDN 继续保持开启。
原因：结账页面需要即时加载某些 JS，Defer JS 会把它们延迟，导致结账无法完成。
2. Jetpack：安全功能
配置路径：Jetpack → Security
| 功能 | 设置 | 说明 |
|---|---|---|
| Firewall（防火墙） | 开启 ✅ | 在恶意流量到达网站前就拦截 |
| Brute Force Attack Protection（暴力破解防护） | 开启 ✅ | 防止攻击者尝试大量密码组合 |
3. Antispam Bee：垃圾留言过滤
安装：Plugins → Add New → 搜索 Antispam Bee，安装并激活。
关键配置：
| 设置 | 值 | 说明 |
|---|---|---|
| reCAPTCHA | 不使用 ❌ | reCAPTCHA 收集用户数据，不够 GDPR 友好 |
| 自动删除垃圾留言 | 开启，30 天后删除 | 自动清理数据库，无需手动管理 |
Antispam Bee 是比 Akismet 更 GDPR 友好的选择。
4. Cookie Yes：GDPR Cookie 同意弹窗
安装：Plugins → Add New → 搜索 Cookie Yes，安装并激活。
GDPR 要求网站在使用 Cookie 前告知访客并获得同意。
关键配置：
| 设置 | 值 | 说明 |
|---|---|---|
| Privacy Policy 链接 | 链接到你的 Privacy Policy 页面 | 合规要求 |
| Floating Settings Button | 禁用 ❌ | 这个按钮让访客随时修改 Cookie 偏好，但视觉上比较杂乱 |
📌 关闭浮动按钮后，Cookie 偏好管理的入口应该在 Privacy Policy 页面或 Footer 里提供链接。
常见误区
- Defer JS 开启后如果结账出问题，直接关掉，不要硬撑或到处找其他问题。
- 不要用 reCAPTCHA，改用 Antispam Bee，对欧盟访客更友好。
- Cookie Yes 弹窗设置后，在隐私浏览模式下访问自己的网站测试一下弹窗是否正常显示。
行动步骤
- 安装并配置 Jetpack Boost：Critical CSS ✅ / Defer JS ✅（测试结账如有问题再关）/ Image CDN ✅。
- 在 Jetpack → Security 里开启防火墙和暴力破解防护。
- 安装 Antispam Bee：不用 reCAPTCHA，开启 30 天自动删除。
- 安装 Cookie Yes：设置隐私政策链接，关闭浮动设置按钮。
工具 & 资源
| 插件 | 安装路径 | 费用 |
|---|---|---|
| Jetpack Boost | WordPress 插件库 | 免费 |
| Antispam Bee | WordPress 插件库 | 免费 |
| Cookie Yes | WordPress 插件库 | 免费基础版 |
Sources
Udemy（课程 transcript）：
- The Completed Digital Marketing Guide 27 in 1 — Section 3, Lecture 27 Safety & Optimization