Javascript I'；“我收到了”的警告；“预加载密钥请求”；从页面速度洞察，无法解决问题

我正在使用谷歌网页速度洞察进行网页优化

我的网站

---

谷歌说“预加载密钥请求”，即使我预加载了指定的.woff字体文件

---

我已经在.woff文件中添加了rel=“preload”来解决这个问题，如下所示

<link rel="preload" as="font" type="font/woff" crossorigin="anonymous" id="preload_dpicons_woff-css" href="https://thaniya-japan.com/wp-content/themes/dp-fresco/css/fonts/dpicons.woff" media="all">

实际上，我还注释掉了那些.css文件中的@font-face部分，以消除页面速度洞察中的预加载警告

但PageSpeedInsights仍在说“预加载关键请求”

---

是否有人知道发生了什么，以及我如何从页面速度洞察中消除“预加载密钥请求”的警告

---

顺便说一下，下面是我添加.woff文件以使其预加载的方式

function custom_enqueue_scripts_early() {
    wp_enqueue_style('preload_dpicons_woff', get_template_directory_uri() . '/css/fonts/dpicons.woff', array("dashicons"), null);
    wp_enqueue_style('preload_dpicons_ttf', get_template_directory_uri() . '/css/fonts/dpicons.ttf', array("dashicons"), null);
}

add_action( 'wp_enqueue_scripts', 'custom_enqueue_scripts_early' ,5);


add_filter('style_loader_tag', 'my_style_loader_tag_filter', 10, 2);

function my_style_loader_tag_filter($html, $handle) {

    $font = "";
    if($handle === 'preload_dpicons_woff'){
        $font = " type='font/woff' ";
    }elseif($handle === 'preload_dpicons_ttf'){
        $font = " type='font/ttf' ";
    }

    $replaced = "rel='preload' as='font' ".$font." crossorigin='anonymous'";

    if(strpos($handle,'preload_dpicons') !== false){
        return str_replace("rel='stylesheet'",$replaced , $html);
    }
  
  return $html;

}

---

这是一个非常广泛的话题。。。Google insights也不是一个很好的性能诊断工具。如果你想得到更准确的结果，可以试试：gtmetrix.comBut谷歌使用他们自己的算法对搜索结果进行排名。我正试图解决如何“预加载”字体，这被称为使用谷歌建议的字体脸。添加预加载链接是否足够？css@fontface是否需要编辑？如果它被注释掉了，css如何知道什么是字体族名称并在样式表的其他地方使用？这是一个非常广泛的主题。。。Google insights也不是一个很好的性能诊断工具。如果你想得到更准确的结果，可以试试：gtmetrix.comBut谷歌使用他们自己的算法对搜索结果进行排名。我正试图解决如何“预加载”字体，这被称为使用谷歌建议的字体脸。添加预加载链接是否足够？css@fontface是否需要编辑？如果它被注释掉了，css如何知道什么是字体族名称并在样式表的其他地方使用？

function custom_enqueue_scripts_early() {
    wp_enqueue_style('preload_dpicons_woff', get_template_directory_uri() . '/css/fonts/dpicons.woff', array("dashicons"), null);
    wp_enqueue_style('preload_dpicons_ttf', get_template_directory_uri() . '/css/fonts/dpicons.ttf', array("dashicons"), null);
}

add_action( 'wp_enqueue_scripts', 'custom_enqueue_scripts_early' ,5);


add_filter('style_loader_tag', 'my_style_loader_tag_filter', 10, 2);

function my_style_loader_tag_filter($html, $handle) {

    $font = "";
    if($handle === 'preload_dpicons_woff'){
        $font = " type='font/woff' ";
    }elseif($handle === 'preload_dpicons_ttf'){
        $font = " type='font/ttf' ";
    }

    $replaced = "rel='preload' as='font' ".$font." crossorigin='anonymous'";

    if(strpos($handle,'preload_dpicons') !== false){
        return str_replace("rel='stylesheet'",$replaced , $html);
    }
  
  return $html;

}