From 54d9cdcdc9df27c628dfddbad62c59d3b8998577 Mon Sep 17 00:00:00 2001
From: Lago <jose_manuel_99@hotmail.com>
Date: Sun, 10 May 2026 00:01:22 +0200
Subject: [PATCH] perf: async Google Fonts, extend CSS/JS cache to 1 week

---
 frontend/index.html | 6 ++++--
 frontend/nginx.conf | 4 +++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index d02b0f8..3c5b0b3 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -11,8 +11,10 @@
     <link rel="preconnect" href="https://esm.sh" />
     <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=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=optional" rel="stylesheet" />
-    <link rel="stylesheet" href="styles.css" />
+    <!-- Fonts loaded async: display=optional means they never block render -->
+    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=optional" as="style" onload="this.onload=null;this.rel='stylesheet'" />
+    <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=optional" rel="stylesheet" /></noscript>
+    <link rel="stylesheet" href="styles.css?v=2" />
     <!-- SEO & Social Meta Tags -->
     <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
     <meta name="keywords" content="Sportwagenvermietung Steiermark, Luxusauto mieten, Sportwagenverleih, Ferraris mieten Graz, Porsche mieten Österreich" />
diff --git a/frontend/nginx.conf b/frontend/nginx.conf
index af38297..a07ec59 100644
--- a/frontend/nginx.conf
+++ b/frontend/nginx.conf
@@ -20,8 +20,10 @@ server {
         add_header Cache-Control "public";
         try_files $uri =404;
     }
+    # CSS/JS: 1-week cache; config.js is excluded by its exact-match rule above.
     location ~* \.(?:css|js)$ {
-        add_header Cache-Control "no-cache";
+        expires 7d;
+        add_header Cache-Control "public, max-age=604800";
         try_files $uri =404;
     }