DEV Community

loading...

Discussion on: Nuxt: Remove icons and fonts?

Collapse
viracoding profile image
viracoding

There is an option to not include the mdi fonts.
vuetify: {
defaultAssets: false,
icons: false // if you are using ur own icons
}
I personally use this library npmjs.com/package/@mdi/js. It's not so practical, because you have to import the fonts, in order to use it, but it helps for the performance.

icons: {
iconfont: 'mdiSvg',
},

It's almost impossible to score good results with vuetify. I hope they're working in a solution.

Thread Thread
wick3drose profile image
wick3dr0se Author

I got a 98% on performance and 99% on structure with GTMetrix and a 92 with Page insights so I'd say Vuetify does very well but I prefer to add cosmetic things like that myself especially when I build my website very minimally and a simple font takes over half of my page size. It literally delays my hero from loading for over 300ms and I'm not even using the fonts anymore.

I'll try to configure that later tonight. My laptop got dropped a little while back and the wifi card has been in and out since. Right now it's out! I'll have to get a new one soon 🤣 I really hope they are though or I'll consider svelte or bootstrap likely

Thread Thread
viracoding profile image
viracoding

That sounds nice. Could you maybe share the source code, I am very interested in how you achieved that performance :D

Forem Open with the Forem app