博客 / WordPress/ WordPress 优化:如何安全地禁止后台加载 Google 字体与外部资源

WordPress 优化:如何安全地禁止后台加载 Google 字体与外部资源

WordPress 优化:如何安全地禁止后台加载 Google 字体与外部资源

WordPress 后台卡顿与 Google 资源加载问题

许多 WordPress 站长,尤其是新手,可能会遇到后台管理界面加载缓慢或卡顿的情况。一个常见的原因是 WordPress 核心、主题或插件会加载来自 Google 等外部服务的资源,例如 Google Fonts(字体)、Google Maps API 或某些 JavaScript 库。由于网络连接问题,这些外部请求可能导致页面加载延迟。

解决方案:通过代码过滤外部资源

您可以通过在主题的 functions.php 文件中添加过滤函数来移除或替换这些外部资源的加载。这是一种无需安装额外插件的轻量级优化方法。

核心代码实现

将以下代码添加到您当前使用主题的 functions.php 文件末尾。建议在修改前备份该文件。

// 禁止后台加载 Google 字体
function wp_style_del_web( $src, $handle ) {
    // 检查样式表源地址是否包含 Google 字体域名
    if ( strpos( strtolower( $src ), 'fonts.googleapis.com' ) !== false ) {
        return ''; // 返回空字符串以阻止加载
    }
    return $src;
}
add_filter( 'style_loader_src', 'wp_style_del_web', 10, 2 );

// 处理 JavaScript 中的外部资源
function wp_script_del_web( $src, $handle ) {
    if ( empty( $src ) ) {
        return $src;
    }
    $src_low = strtolower( $src );

    // 替换 Google 地图 API 为国内可访问的域名(注:此方法已过时,仅供参考)
    if ( strpos( $src_low, 'maps.googleapis.com' ) !== false ) {
        return str_replace( 'maps.googleapis.com', 'ditu.google.cn', $src_low );
    }
    // 替换 Google AJAX 库为 360 镜像(注:此服务已不稳定,建议寻找替代方案)
    if ( strpos( $src_low, 'ajax.googleapis.com' ) !== false ) {
        return str_replace( 'ajax.googleapis.com', 'ajax.useso.com', $src_low );
    }
    // 直接移除某些可能无法访问的社交媒体脚本
    if ( strpos( $src_low, 'twitter.com' ) !== false || strpos( $src_low, 'facebook.com' ) !== false || strpos( $src_low, 'youtube.com' ) !== false ) {
        return '';
    }
    return $src;
}
add_filter( 'script_loader_src', 'wp_script_del_web', 10, 2 );

代码说明与注意事项

  • 函数作用:第一个函数过滤样式表(CSS)加载,专门拦截 Google 字体。第二个函数过滤脚本(JS)加载,处理地图、AJAX库和社交媒体资源。
  • 优先级参数:代码中将过滤器的优先级从 2 修改为更标准的 10,以确保与其他插件兼容。
  • 重要提醒
    • 原文中替换 Google AJAX 库和地图的方法可能已过时,因为相关替代服务(如 360 镜像)可能已失效。如果您的站点依赖这些服务,移除或替换它们可能导致功能异常。
    • 更现代、安全的做法是:如果主题或插件加载了 Google 字体,应优先考虑在它们的设置中关闭此选项,或者使用提供本地字体加载功能的优化插件。
    • 此代码主要影响后台和前端由 WordPress 核心函数加载的资源。某些插件通过其他方式加载的资源可能无法被过滤。

使用方法总结

  1. 访问您的 WordPress 网站文件管理器或通过 FTP 连接到服务器。
  2. 导航至 /wp-content/themes/您的主题名称/ 目录。
  3. 找到并编辑 functions.php 文件。
  4. 将上述提供的完整代码复制并粘贴到文件末尾的 ?> 标签之前(如果存在)或文件末尾。
  5. 保存文件并刷新 WordPress 后台,检查加载速度是否改善。

安全建议:在对 functions.php 进行任何修改之前,请务必创建完整的网站备份或至少备份该文件。如果添加代码后网站出现白屏或错误,请通过 FTP 删除修改或恢复备份。

发表评论

您的邮箱不会公开。必填项已用 * 标注。