How do I preload web fonts when using vuejs and veutifyjs with vue-cli?

user_5803491 0
Viewed 1262

I have a web app that I created with vuejs and veutifyjs. When a do a pagespeed insight, I get a very low performance and the suggestions are that I should preload some CSS files and web fonts. I can change the rel of css files but I don't know how to change that of web fonts. Here's an image of the suggestion. enter image description here

vue-cli-3 vuetify.js vue.js preload
1 Answers

You can do in two ways:

  1. Add <link> of your font inside along with preload attribute.
  2. Let service-worker to handle the caching mechanism, that would include .woff fonttype as well.
user_61660420
Related