Vue.js 在vue cli中使用vuejs和veutifyjs时，如何预加载web字体？

我有一个用vuejs和veutifyjs创建的web应用程序。 当一个用户执行pagespeed insight时，我得到的性能非常低，建议我应该预加载一些CSS文件和web字体。我可以更改css文件的rel，但我不知道如何更改web字体的rel。 这是这个建议的图像。

---

您可以通过两种方式完成：

将字体的

与

预加载属性一起添加到内部

让

service worker

来处理缓存机制，其中还包括

.woff

fonttype

---

如果您是从Google加载Roboto，那么您应该在

public/index.html

中使用

——这样就可以轻松添加

preload

属性。我正在使用服务人员加载字体和css。一切都很好。只是页面速度的结果非常低。11%的Pagespeed和web.dev总体上有点严格。但我只关注Lighthouse内置Chrome/Edge的指标。我会说这个网站至少和我客户反馈的一样可靠。