CDN 加速配置

了解如何为 WordPress 配置 CDN 加速服务。

🚀 CDN 入门

CDN 工作原理

graph LR
    A[用户] -->|请求| B[CDN边缘节点]
    B -->|缓存命中| C[直接返回]
    B -->|缓存未命中| D[源服务器]
    D -->|返回内容| B
    B -->|缓存内容| C

选择 CDN 服务

服务	特点	免费额度
Cloudflare	全球网络，免费版强大	无限流量
KeyCDN	按量计费，性能优秀	250GB
BunnyCDN	性价比高	1TB
AWS CloudFront	集成 AWS 生态	1TB

🔧 配置步骤

1. DNS 设置

# 添加 CNAME 记录
cdn IN CNAME your-cdn-provider.com

2. WordPress CDN 插件

推荐插件：

• CDN Enabler
• WP Super Cache
• W3 Total Cache

3. 手动配置

<?php
// wp-config.php

// 定义 CDN URL
define('CDN_URL', 'https://cdn.yourdomain.com');
define('CDN_DIR', WP_CONTENT_DIR);

// 替换静态资源 URL
add_filter('style_loader_src', 'cdn_filter', 10, 2);
add_filter('script_loader_src', 'cdn_filter', 10, 2);
add_filter('wp_get_attachment_url', 'cdn_filter_url');

function cdn_filter($src, $handle) {
    return str_replace(
        str_replace('https://', '//', WP_CONTENT_URL),
        CDN_URL,
        $src
    );
}

function cdn_filter_url($url) {
    return str_replace(WP_CONTENT_URL, CDN_URL, $url);
}

📚 相关资源

• Cloudflare WordPress 指南
• CDN 选择指南