diff --git a/frontend/Cargo.toml b/frontend/Cargo.toml
index f318717..ed52c28 100644
--- a/frontend/Cargo.toml
+++ b/frontend/Cargo.toml
@@ -20,3 +20,8 @@ gloo-net = "0.6.0"
 serde = { version = "1.0.209", features = ["derive"] }
 serde_json = "1.0.127"
 rand = "0.8.5"
+
+[profile.release]
+opt-level = "z"
+lto = true
+strip = true
\ No newline at end of file
diff --git a/frontend/index.html b/frontend/index.html
index 7fdfd91..c1be6a3 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -49,7 +49,11 @@
       align-items: center;
     }
   </style>
-  <link data-trunk href="./public/styles.css" rel="css">
+  <link data-trunk href="./public/styles.css" rel="preload" as="style" onload="this.onload=null;this.rel='css'">
+  <noscript>
+    <link rel="css" href="./public/styles.css">
+  </noscript>
+  <!-- <link data-trunk href="./public/styles.css" rel="css"> -->
   <link data-trunk rel="copy-file" href="public/robots.txt" data-target-path="/" />
   <!-- <link data-trunk href="./assets/favicon.ico" rel="icon" type="image/x-icon"> -->
   <link data-trunk rel="copy-dir" href="public">