How to improve page speed with roboto font in vuetify plugin with nuxt

Question

when I'm doing a lighthous report, this performance issue appers Eliminate render-blocking resources from a url /css?family=Roboto:100,300,400,500,700,900&display=swap it was generated by vuetify framework with nuxt, how can I not block this rendering?

Answer 1

By default, vuetify adds Roboto fonts and MDI icons to your project, loading it externally from a synchronous scrip in the HEAD. It causes your project to load them before everything else, taking around 1 second delay for your pages to load.

You can turn-off that by adding the following to your nuxt.config.js file:

vuetify: {
    defaultAssets: false
}

Source: This post on Stackoverflow.