Chrome下WordPress站点随机出现Empty Server响应问题排查

背景信息 #

这是一个自定义WordPress站点，通过Ajax请求获取内容并加载到页面中，托管在GoDaddy平台。

问题说明 #

测试时发现服务器会随机返回空响应，重复触发同一请求偶尔会出现响应头为空的情况，但此前几秒/几分钟的相同测试却能正常返回结果。

成功响应示例 #

响应内容（JSON格式）：

{"finishTitle":"Bourland 2","finishNumber":"VP2","highlightImage":"https:\/\/qdr.app\/wp-content\/uploads\/2024\/08\/leathershandtas6-320x202-1.jpg","galleryImages":"<img src=\"https:\/\/qdr.app\/wp-content\/uploads\/2024\/08\/leathershandtas6-320x202-1-150x150.jpg\" class=\"selectedFinishImage\" data-large-src=\"https:\/\/qdr.app\/wp-content\/uploads\/2024\/08\/leathershandtas6-320x202-1.jpg\" alt=\"\" \/><img src=\"https:\/\/qdr.app\/wp-content\/uploads\/2024\/08\/leathershandtas3-320x202-1-150x150.jpg\"  data-large-src=\"https:\/\/qdr.app\/wp-content\/uploads\/2024\/08\/leathershandtas3-320x202-1.jpg\" alt=\"\" \/><img src=\"https:\/\/qdr.app\/wp-content\/uploads\/2024\/06\/8CCL-Basement-Office-Doors-Looking-at-Egress-150x150.jpg\"  data-large-src=\"https:\/\/qdr.app\/wp-content\/uploads\/2024\/06\/8CCL-Basement-Office-Doors-Looking-at-Egress-1024x681.jpg\" alt=\"\" \/><img src=\"https:\/\/qdr.app\/wp-content\/uploads\/2024\/08\/leathershandtas5-320x202-1-150x150.jpg\"  data-large-src=\"https:\/\/qdr.app\/wp-content\/uploads\/2024\/08\/leathershandtas5-320x202-1.jpg\" alt=\"\" \/>"}

成功响应的响应头：

空响应示例 #

响应内容为空，对应的响应头如下（可对比成功响应的差异）：

相关代码 #

JavaScript代码 #

$(document).on('click', '.all-finishes-list li', function() {
    var finishId = $(this).data('finish-id');
    var $li = $(this);

    // 发送AJAX请求获取点击项的详情
    $.ajax({
        url: load_more_params.ajaxurl,
        type: 'POST',
        data: {
            action: 'fetch_finish_details',
            finish_id: finishId
        },
        success: function(response) {
            if(!response) {
                alert('empty') ;
            } else {
                var data = JSON.parse(response);
                // 更新高亮图片
                // 此处为业务逻辑代码
            }

        },
        error: function() {
            alert('更新饰面详情出错，请重试。');
        }
    });
}); 

PHP代码 #

function fetch_finish_details() {
    // 验证请求参数
    if (!isset($_POST['finish_id']) || !$_POST['finish_id']) {
        wp_die('无效的饰面ID');
    }

    $finish_id = intval($_POST['finish_id']); // 获取饰面ID

    // 获取饰面详情
    $finish_title = get_the_title($finish_id);
    $finish_number_in_store = get_field('number_in_store', $finish_id);
    $finish_gallery = get_field('photo_gallery', $finish_id);

    // 准备响应数据
    $data = array(
        'finishTitle' => esc_html($finish_title),
        'finishNumber' => esc_html($finish_number_in_store),
    );

    if ($finish_gallery && !empty($finish_gallery)) {
        $first_image = $finish_gallery[0];
        $data['highlightImage'] = esc_url($first_image['sizes']['large']);

        // 获取图库图片等逻辑...
    }

    echo json_encode($data);
    wp_die();
}
add_action('wp_ajax_fetch_finish_details', 'fetch_finish_details');
add_action('wp_ajax_nopriv_fetch_finish_details', 'fetch_finish_details');

问题成因分析 #

1. GoDaddy服务器资源限制：GoDaddy共享主机普遍存在CPU、内存阈值限制，当请求量突增或后台进程占用资源时，会直接中断请求，导致空响应。
2. 插件冲突：缓存插件（如WP Rocket）或安全插件（如Wordfence）若未正确配置规则，可能误拦截AJAX请求，随机返回空响应。
3. PHP资源不足：get_field等ACF函数查询大量数据时可能消耗过多内存，若PHP内存限制过低或执行超时，会导致脚本提前终止，无内容输出。
4. 前端错误处理不完善：当前JS仅在HTTP状态码错误时触发error回调，服务器返回200状态码但空内容时，无法区分真实错误，也没有重试机制。

解决方案 #

1. 排查服务器资源限制 #

• 登录GoDaddy主机面板查看CPU、内存、进程数使用情况，确认是否触发共享主机阈值。
• 若频繁触发限制，可升级主机套餐（如从共享主机转VPS），或联系客服调整临时限制。

2. 优化WordPress插件配置 #

• 缓存插件白名单：将fetch_finish_details动作添加到缓存插件的AJAX白名单，排除缓存。
• 安全插件规则检查：确保wp-admin/admin-ajax.php未被防火墙误拦截，添加规则允许该AJAX动作。
• 排查冲突插件：临时禁用所有第三方插件，测试是否还出现空响应，逐步定位冲突插件并调整配置。

3. 优化PHP代码与资源 #

• 提升内存限制：在wp-config.php中添加define('WP_MEMORY_LIMIT', '256M');，增加PHP可用内存。
• 添加错误日志：修改PHP代码捕获异常并记录日志，便于定位问题：

function fetch_finish_details() {
    error_log('AJAX请求开始，finish_id: ' . $_POST['finish_id']);
    
    if (!isset($_POST['finish_id']) || !$_POST['finish_id']) {
        wp_die('无效的饰面ID');
    }

    $finish_id = intval($_POST['finish_id']);

    try {
        $finish_title = get_the_title($finish_id);
        $finish_number_in_store = get_field('number_in_store', $finish_id);
        $finish_gallery = get_field('photo_gallery', $finish_id);

        $data = array(
            'finishTitle' => esc_html($finish_title),
            'finishNumber' => esc_html($finish_number_in_store),
        );

        if ($finish_gallery && !empty($finish_gallery)) {
            $first_image = $finish_gallery[0];
            $data['highlightImage'] = esc_url($first_image['sizes']['large']);
        }

        echo json_encode($data);
    } catch (Exception $e) {
        error_log('AJAX请求出错: ' . $e->getMessage());
        wp_die('服务器内部错误');
    }
    wp_die();
}

• 优化ACF查询：若photo_gallery包含大量图片，可改用get_post_meta直接查询，减少ACF额外开销。

4. 优化前端AJAX处理 #

• 增加空响应重试机制，提升用户体验：

$(document).on('click', '.all-finishes-list li', function() {
    var finishId = $(this).data('finish-id');
    var $li = $(this);
    var retryCount = 0;
    var maxRetries = 2;

    function fetchFinishDetails() {
        $.ajax({
            url: load_more_params.ajaxurl,
            type: 'POST',
            data: {
                action: 'fetch_finish_details',
                finish_id: finishId
            },
            success: function(response) {
                if(!response) {
                    if(retryCount < maxRetries) {
                        retryCount++;
                        fetchFinishDetails();
                    } else {
                        alert('获取数据失败，请稍后重试。');
                    }
                } else {
                    try {
                        var data = JSON.parse(response);
                        // 业务逻辑处理
                    } catch(e) {
                        alert('数据解析出错，请稍后重试。');
                    }
                }
            },
            error: function() {
                if(retryCount < maxRetries) {
                    retryCount++;
                    fetchFinishDetails();
                } else {
                    alert('更新饰面详情出错，请稍后重试。');
                }
            }
        });
    }

    fetchFinishDetails();
}); 

内容的提问来源于Stack Exchange，提问作者Eric C