⚡ Added preload to scripts, sttyles and fonts. Moved font assets to static folder

assets/css/fonts.scss

@@ -7,7 +7,7 @@
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url("~assets/fonts/material-icons-v48.woff2") format("woff2");
+  src: url("~static/fonts/material-icons-v48.woff2") format("woff2");
 }
 
 .material-icons {
@@ -36,9 +36,9 @@
   font-weight: 500;
   font-display: swap;
   src: local("Poppins Medium"), local("Poppins-Medium"),
-    url("~assets/fonts/poppins-v9-latin-500.woff2") format("woff2"),
+    url("~static/fonts/poppins-v9-latin-500.woff2") format("woff2"),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
-      url("~assets/fonts/poppins-v9-latin-500.woff") format("woff");
+      url("~static/fonts/poppins-v9-latin-500.woff") format("woff");
   /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
@@ -49,9 +49,9 @@
   font-weight: 700;
   font-display: swap;
   src: local("Poppins Bold"), local("Poppins-Bold"),
-    url("~assets/fonts/poppins-v9-latin-700.woff2") format("woff2"),
+    url("~static/fonts/poppins-v9-latin-700.woff2") format("woff2"),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
-      url("~assets/fonts/poppins-v9-latin-700.woff") format("woff");
+      url("~static/fonts/poppins-v9-latin-700.woff") format("woff");
   /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
@@ -62,8 +62,8 @@
   font-weight: 400;
   font-display: swap;
   src: local("Roboto Mono"), local("RobotoMono-Regular"),
-    url("~assets/fonts/roboto-mono-v7-latin-regular.woff2") format("woff2"),
+    url("~static/fonts/roboto-mono-v7-latin-regular.woff2") format("woff2"),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
-      url("~assets/fonts/roboto-mono-v7-latin-regular.woff") format("woff");
+      url("~static/fonts/roboto-mono-v7-latin-regular.woff") format("woff");
   /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }

nuxt.config.js

@@ -31,6 +31,13 @@ export default {
   server: {
     host: "0.0.0.0" // default: localhost
   },
+  render: {
+    bundleRenderer: {
+      shouldPreload: (file, type) => {
+        return ['script', 'style', 'font'].includes(type)
+      }
+    }
+  },
   head: {
     title: `${meta.name} \u2022 ${meta.shortDescription}`,
     meta: [