时间戳

首页 > 解决方案 > 页面速度洞察中的“预加载关键请求”问题，但代码中的标签存在

html - 页面速度洞察中的“预加载关键请求”问题，但代码中的标签存在

问题描述

我有一个网站https://www.budowle.pl/，我想优化并提高它在 Google Page Speed Insight 中的得分。

我遇到的问题之一是：

Preload key requests
1.68 pp
Consider using `<link rel = preload>` to prioritize fetching resources that are currently requested later in page load. Learn more.
URL
Potential Savings
/fonts/icons.ttf?myrw8(www.budowle.pl)

https://developers.google.com/speed/pagespeed/insights/?hl=en&url=https%3A%2F%2Fwww.budowle.pl&tab=mobile

我还没有找到处理它的方法:(

在我的代码中（根据我:)）正确的标签：

<link rel="preload" href="https://www.budowle.pl/fonts/icons.woff?myrw8" as="font" type="font/woff" crossorigin>

我也试过，没有这个参数?myrw8，但没有成功。

如果有人知道我能做什么，我会很感激你的帮助。

亲切的问候， Wojtek

标签： htmloptimizationpreloadpagespeed-insights

解决方案

那么问题是您正在查看错误的文件:-P

您已经为“ icons.woff ”正确地完成了所有操作，但您还没有rel="preload"为“ icons.ttf ”文件完成所有操作。

这似乎在您的main.css文件中被引用。

现在由于woff字体格式有很好的支持，您可能决定删除对ttf格式的引用（这可能是我的建议，因为不支持的浏览器woff 不支持ttf，除了非常旧的 android 设备（低于 4.4 版）） ，如果不只ttf是以相同的方式为文件添加预加载。

<link rel="preload" href="https://www.budowle.pl/fonts/icons.ttf?myrw8" as="font" type="font/ttf" crossorigin>

推荐阅读