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
相关产品推荐
相关产品推荐

