vuetify.js - 如何使用nuxt在vuetify插件中使用roboto字体提高页面速度

Question

当我制作 lighthouse 报告时，此性能问题出现在 /css?family=Roboto:100,300,400,500,700,900&display=swap 的网址中消除渲染阻塞资源 它是由 vuetify 框架和 nuxt 生成的，我怎样才能不阻止这个渲染？

Answer 1

默认情况下，vuetify 会将 Roboto 字体和 MDI 图标添加到您的项目中，从 HEAD 中的同步脚本外部加载它。它会导致您的项目在其他所有内容之前加载它们，导致页面加载延迟大约 1 秒。

您可以通过将以下内容添加到 nuxt.config.js 文件中来关闭该功能:

vuetify: {
    defaultAssets: false
}

来源:This post在 Stackoverflow 上。