Предварительная загрузка шрифта WooCommerce star.woff

Question

Google PageSpeed ​​Insights сообщает мне, что шрифт WooCommerce star.woff замедляет загрузку моего сайта и предлагает использовать тег <link rel=preload> для сохранения приблизительно 1,95 с.Может кто-нибудь показать мне, как я могу применить этот тег к шрифту WooCommerce, не возиться с файлами плагина?

Answer 1

Через пару дней я нашел решение.Я не уверен, что это лучшее решение, но оно сработало для меня, поэтому я оставлю его здесь на случай, если оно кому-нибудь поможет.

Добавьте следующий хук в ваш functions.php, чтобы поставить в очередь шрифт иWordPress добавит ссылку на заголовок с тегом <link rel=preload>.

// Enqueue Your Font
function my_queue_items() {
wp_enqueue_style( 'rating-stars', '/wp-content/plugins/woocommerce/assets/fonts/star.woff', array(), null );
}
add_action( 'wp_enqueue_scripts', 'my_queue_items', 99 );

// Add Crossorigin Attribute To Your Font
function style_attributes( $html, $handle ) {
if ( 'rating-stars' === $handle ) {
return str_replace( "media='all'", "media='all' crossorigin='anonymous'", $html );
}
return $html;
}
add_filter( 'style_loader_tag', 'style_attributes', 10, 2 );

Это сэкономило мне 1с скорость загрузки.