PageSpeed Insights / LightHouse忽略rel =“ preload”放在 标签

问题描述 投票:0回答:1

由于PageSpeed见解工具报告声称可以通过在页面上预加载2种字体来改善我的页面,因此我在有问题的rel="preload"标签中添加了<link>。但是,PageSpeed Insights仍然抱怨说这些字体没有被预加载-仅用于移动版本。桌面版本可以。

话虽如此,这是其中一种字体的确切代码:

<link rel="preload" href="https://www.aircharteradvisors.com/wp-content/themes/Avada/includes/lib/assets/fonts/icomoon/icomoon.woff" as="font" type="font/woff" crossorigin>

[此外,我确实进行了检查,以确保JS在页面加载后没有添加,而是没有添加。这就是我在响应正文中收到的第一个请求。

html preload google-pagespeed pagespeed-insights
1个回答
0
投票

这不是预加载的问题,而是显示交换的问题。您应该添加一个字体显示:swap;您的字体。

我用法语写了一篇有关此的文章,您可以在其中找到代码:optimiser les fonts

© www.soinside.com 2019 - 2024. All rights reserved.