【发布时间】:2016-03-29 21:48:52
【问题描述】:
我在使用 Awesome 字体对样式 CSS 表进行入队和出队时遇到了问题。在我的 functions.php 子主题文件中,我尝试将默认主题文件出列并从 CDN 服务器下载新版本。
在我介绍“移动渲染阻止 JavaScript”之前,它工作得 100% 正常。部分代码。下面的代码没有加载来自 CDN 的 CSS 样式表,而不是 50 毫秒的时间来获取 woff 文件,根据 GTmetrix 和 pingdom,现在从我的 FTP 的 Storefront 主题字体文件夹获取大约需要 600 毫秒(顺便说一句,我不知道为什么差别太大了)。
我什至为 Wordpress 尝试了更好的字体真棒插件,而不是我的字体 sn-p,但结果是一样的 - 无需移动脚本即可工作,不能使用它。
// Move render-blocking JavaScript.
function custom_clean_head() {
remove_action('wp_head', 'wp_print_scripts');
remove_action('wp_head', 'wp_print_head_scripts', 9);
remove_action('wp_head', 'wp_enqueue_scripts', 1);
add_action('wp_footer', 'wp_print_scripts', 5);
add_action('wp_footer', 'wp_print_head_scripts', 5);
add_action('wp_footer', 'wp_enqueue_scripts', 5);
}
add_action( 'wp_enqueue_scripts', 'custom_clean_head' );
// Specify FontAwesome character set early.
add_action( 'wp_enqueue_scripts', 'layers_child_styles', 100);
add_action( 'wp_footer', 'load_awesome', 1);
if( ! function_exists( 'layers_child_styles' ) ) {
function layers_child_styles(){
wp_dequeue_style('layers-font-awesome');
wp_dequeue_style('font-awesome');
}
function load_awesome() {
wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css', $deps = array(), $ver = false);
}
}
【问题讨论】: