optimised <head> section

ametel01 · Dec 28, 2023 · 51cebcf · 51cebcf
1 parent 73dea49
commit 51cebcf
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/packages/testnet/frontend/index.html b/packages/testnet/frontend/index.html
@@ -5,14 +5,23 @@
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="./favicon.webp">
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <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=Roboto:wght@400;700&display=swap" rel="stylesheet">
+
+  <!-- Preload the font -->
+  <link rel="preload" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" as="style">
+
+  <!-- Asynchronously load the font stylesheet -->
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" media="print"
+    onload="this.media='all'">
+  <noscript>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">
+  </noscript>
+
   <title>NoGame -- Starknet Sepolia</title>
   <meta name="description"
     content="Explore the vast expanse of the universe in NoGame App, a blockchain-based space MMO on StarkNet. Engage in epic battles, trade, and alliances in a decentralized gaming world." />
 </head>
 
+
 <body>
   <div id="root"></div>
   <script type="module" src="/src/main.tsx"></script>