You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WordPress性能问题:Font Awesome在所有文章中全局加载

解决Visual Composer全局加载Font Awesome的问题

方法1:代码控制,仅在指定页面加载

第一步:移除全局加载的Font Awesome

在当前主题的functions.php文件中添加以下代码,取消Visual Composer默认全局注册的Font Awesome样式:

add_action( 'wp_enqueue_scripts', 'remove_vc_font_awesome', 999 );
function remove_vc_font_awesome() {
    wp_dequeue_style( 'font-awesome' );
    wp_deregister_style( 'font-awesome' );
}

第二步:在需要的页面单独引入

继续在functions.php中添加条件加载代码,比如仅在首页加载:

add_action( 'wp_enqueue_scripts', 'enqueue_font_awesome_on_specific_pages' );
function enqueue_font_awesome_on_specific_pages() {
    // 仅在首页加载Font Awesome
    if ( is_front_page() ) {
        wp_enqueue_style( 
            'font-awesome', 
            '/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/css/font-awesome.min.css', 
            array(), 
            '1665339125' 
        );
    }
    // 如需给其他指定页面加载,可添加类似判断:
    // if ( is_page( '页面别名或ID' ) ) {
    //     wp_enqueue_style( 'font-awesome', '对应CSS路径', array(), '版本号' );
    // }
}

方法2:利用Visual Composer内置设置(部分版本支持)

部分新版本的Visual Composer提供了资源懒加载开关,进入插件设置面板,找到「资源加载」相关选项,开启「仅在使用对应元素时加载资源」,这样Font Awesome只会在包含使用它的VC元素的页面加载,无需额外代码。

注意事项

  • 修改主题文件前务必备份,避免操作失误导致网站故障。
  • 由于你的站点启用了缓存(路径包含/wp-content/cache/),修改后需要清空所有缓存才能看到效果。
  • 如果缓存插件有合并压缩CSS的规则,要确保其不会强制将Font Awesome CSS合并到全局文件中。

内容的提问来源于stack exchange,提问作者pbu

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.17 06:15:45