微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

页面速度洞察中的“预加载关键请求”问题,但是代码中的标记存在

如何解决页面速度洞察中的“预加载关键请求”问题,但是代码中的标记存在

我有一个网站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

解决方法

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

您已经为“图标”正确完成了所有操作。 woff ”,但尚未为“ icons。 ttf ”文件完成tx3g

这似乎在您的tx3g文件中被引用。

现在作为woff font format has very good support,您可以决定删除对rel="preload"格式的引用(这可能是我的建议,因为不支持main.css don't support ttf anyway的浏览器除了非常旧的android设备(低于版本4.4),如果不以相同的方式为ttf文件添加预加载。

woff

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。