preload font css to improve pagespeed score

mijndert · Jan 2, 2025 · ff374db · ff374db
1 parent 3237d8e
commit ff374db
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/_includes/layouts/base.html b/src/_includes/layouts/base.html
@@ -20,7 +20,15 @@
     <link rel="stylesheet" href="/css/mocha.css" />
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
+    <link
+      rel="preload"
+      href="https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap"
+      as="style"
+      onload="this.onload=null;this.rel='stylesheet'"
+    />
+    <noscript>
+      <link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
+    </noscript>
   </head>
   <body>
     {% include "partials/header.html" %}