将<link rel=preLoad>添加到Fontawesy-webfont.woff2以提高网站速度

时间:2020-05-17 作者:Ivan

由于google speed insights报告建议添加

加快加载以下资源

https://www.beautyandhealthspace.com/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/fonts/fonts/fontawesome-webfont.woff2?v=4.7.0

我想知道我怎么可能做到这一点!

更具体地说,我瞥了一眼标题。主主题和子主题的php文件,但由于它们都是用php编写的,我自己真的不知道如何向其中添加任何HTML。

应该有一种方法可以将HTML注入到网页中,方法是在标题中重复使用一些php函数。php文件。我还远远不是一个开发人员。

1 个回复
SO网友:cjbj

如果你的主题很好,它会使用wp_enqueue_style 将字体包含在网站的标题中。这使您可以访问style_loader_tag 过滤器,可用于修改字体链接的html。像这样:

add_filter( \'style_loader_tag\',\'wpse366869_preload_styles\', 10, 4 );
function wpse366869_preload_styles( $html, $handle, $href, $media ) {

    // do this only when \'fontawesome-webfont\' is mentioned in the html
    if( 0 != strpos( $html, \'fontawesome-webfont\' ) ) {
        $html = str_replace( \'<\', \'<rel="preload "\', $html );
    }
    
    return $html;
}