fixed some lighthouse report

assets/app.js

@@ -1036,10 +1036,14 @@ document.addEventListener("DOMContentLoaded", function () {
 
   var header = document.getElementById("header-container");
   if (header) {
-    document.documentElement.style.setProperty("--header-height", header.offsetHeight + "px");
-    window.addEventListener("resize", function () {
+    requestAnimationFrame(function () {
       document.documentElement.style.setProperty("--header-height", header.offsetHeight + "px");
     });
+    window.addEventListener("resize", function () {
+      requestAnimationFrame(function () {
+        document.documentElement.style.setProperty("--header-height", header.offsetHeight + "px");
+      });
+    });
   }
 
   applyTheme();

assets/styling/main.css

@@ -1,3 +0,0 @@
-@import "roots.css";
-@import "base.css";
-@import "highlight.css";

index.html

@@ -10,8 +10,13 @@
     <meta name="keywords"
         content="Vyla, media streaming, self-hosted, privacy, open source, media player, streaming API, SDK, Android TV, desktop media" />
     <link rel="icon" href="/favicon.ico" />
-    <link rel="stylesheet" href="/assets/styling/main.css" />
+    <link rel="preload" href="/assets/styling/base.css" as="style" />
+    <link rel="stylesheet" href="/assets/styling/base.css" />
+    <link rel="preload" href="/assets/styling/roots.css" as="style" />
+    <link rel="stylesheet" href="/assets/styling/roots.css" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link rel="manifest" href="/manifest.webmanifest" />
+    <link rel="ard" href="/ai-catalog.json" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-core.min.js"></script>
     <script
         src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>

robots.txt

@@ -1,4 +1,5 @@
 User-agent: *
 Allow: /
 
-Sitemap: https://vyla.cc/sitemap.xml
+Sitemap: https://vyla.cc/sitemap.xml
+Agentmap: https://vyla.cc/ai-catalog.json