Improve homepage Lighthouse performance

mk/index.html

@@ -6,7 +6,6 @@
     <title>Македонска Студентска Организација во Словенија</title>
     <!-- SEO:START -->
     <!-- Google tag (gtag.js) with Consent Mode v2 (default: denied) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-WVYV807VSS"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
@@ -20,11 +19,25 @@
           ad_personalization:'granted', analytics_storage:'granted' }); } } catch(e){}
       gtag('js', new Date());
       gtag('config', 'G-WVYV807VSS');
+      // Let the hero and page styles render before starting the analytics download.
+      window.addEventListener('load', function () {
+        var loadAnalytics = function () {
+          var script = document.createElement('script');
+          script.async = true;
+          script.src = 'https://www.googletagmanager.com/gtag/js?id=G-WVYV807VSS';
+          document.head.appendChild(script);
+        };
+        if ('requestIdleCallback' in window) {
+          window.requestIdleCallback(loadAnalytics, { timeout: 2000 });
+        } else {
+          window.setTimeout(loadAnalytics, 1000);
+        }
+      }, { once: true });
     </script>
-    <script src="/consent.js" defer></script>
+    <script src="/consent.js?v=5f918825" defer></script>
     <!-- Cloudflare Web Analytics (cookieless, no consent needed) -->
     <script type="module" src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon='{"token": "eff2ed428ab3495eb9d4605234f226e8"}'></script>
-    <script src="/preferred-source.js" defer></script>
+    <script src="/preferred-source.js?v=5f918825" defer></script>
     <meta name="description" content="Првата официјална македонска студентска организација во Словенија — поддршка, настани, заедница и глас за македонските студенти од пријава до дипломирање.">
     <link rel="canonical" href="https://msosorg.com/mk/">
     <link rel="alternate" hreflang="en" href="https://msosorg.com/en/">
@@ -54,14 +67,16 @@
     <!-- Google Fonts -->
     <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&display=swap" rel="stylesheet">
+    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"></noscript>
     
     <!-- Font Awesome (for icons) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
 
     <!-- Поврзување до главната CSS-датотека (поправена патека) -->
-    <link rel="stylesheet" href="../css/main.css?v=54203d0c">
-    <link rel="preload" as="image" href="../images/HeroSection-img1.webp">
+    <link rel="stylesheet" href="../css/main.css?v=5f918825">
+    <link rel="preload" as="image" href="../images/HeroSection-img1.webp" media="(min-width: 481px)" fetchpriority="high">
+    <link rel="preload" as="image" href="../images/HeroSection-img1-mobile.webp" media="(max-width: 480px)" fetchpriority="high">
 </head>
 <body>
 
@@ -551,8 +566,8 @@
 </footer>
 <!-- END_FOOTER -->
 
-    <script src="../main.js?v=54203d0c"></script>
-<link rel="stylesheet" href="/assistant.css?v=54203d0c">
-<script src="/assistant.js?v=54203d0c" defer></script>
+    <script src="../main.js?v=5f918825"></script>
+<link rel="stylesheet" href="/assistant.css?v=5f918825">
+<script src="/assistant.js?v=5f918825" defer></script>
 </body>
-</html>
+</html>