Я столкнулся с проблемой при добавлении в очередь таблиц стилей CSS со шрифтом Awesome. В моем файле дочерней темы functions.php я пытаюсь удалить из очереди тему по умолчанию и загрузить новую версию с сервера CDN.
Он работал на 100%, пока я не представил «Переместить блокирующий рендеринг JavaScript». часть кода. С кодом ниже не загружается таблица стилей CSS из CDN и вместо 50 мс времени, чтобы получить woff-файл, согласно GTmetrix и pingdom, теперь требуется около 600 мс при получении из папки FTP-шрифтов моего FTP-сервера Storefront (кстати, я понятия не имею, почему разница такая огромная).
Я даже попробовал лучший плагин для WordPress для шрифтов вместо моего фрагмента шрифта, но результат тот же — работает без движущихся сценариев, не работает с ним.
// 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);
}
}
Попробуй это
// Remove and Unregister Styles
function layers_child_styles(){
wp_dequeue_style('layers-font-awesome');
wp_dequeue_style('font-awesome');
wp_deregister_style('font-awesome');
}
add_action( 'wp_print_styles', 'layers_child_styles', 999);
// Add Additional Script or style
function load_awesome() {
wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
}
add_action( 'wp_enqueue_scripts', 'load_awesome' 999);
Других решений пока нет …