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

Question

当我在进行Lighthous报告时，此性能问题会从网址import {getConnectionToken, MongooseModule} from '@nestjs/mongoose'; import * as AutoIncrementFactory from 'mongoose-sequence'; @Module({ imports: [ MongooseModule.forFeatureAsync([ { name: Cat.name, useFactory: async (connection: Connection) => { const schema = CatsSchema; const AutoIncrement = AutoIncrementFactory(connection); schema.plugin(AutoIncrement, {inc_field: 'id'}); return schema; }, inject: [getConnectionToken('YOUR_CONNECTION_NAME')], }, ]), ], }) export class AppModule {} 出现Eliminate render-blocking resources 它是由vuetify框架和nuxt生成的，我如何才能不阻止此渲染？

Answer 1

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

您可以通过将以下内容添加到您的 nuxt.config.js 文件来关闭它：

vuetify: {
    defaultAssets: false
}

来源：This post 在 Stackoverflow 上。