Defer lazy script + Keep lazy CSS at the end

aryanpingle · aryanpingle · commit 5839722bac26 · 2024-09-29T00:45:46.000+05:30
diff --git a/src/index.ejs b/src/index.ejs
@@ -14,7 +14,7 @@
         <link rel="preconnect" href="fonts.gstatic.com" />
 
         <!-- Lazy JS -->
-        <script src="./bundle/index.js" async defer></script>
+        <script src="./bundle/index.js" defer></script>
 
         <!-- Google tag (gtag.js) -->
         <script
@@ -83,9 +83,6 @@
         />
     </head>
     <body>
-        <!-- Lazy CSS -->
-        <link rel="stylesheet" href="./bundle/index.css" />
-
         <div class="fancy-orb-background">
             <div class="orb orb-red"></div>
             <div class="orb orb-green"></div>
@@ -178,5 +175,8 @@
                 </p>
             </footer>
         </main>
+
+        <!-- Lazy CSS -->
+        <link rel="stylesheet" href="./bundle/index.css" />
     </body>
 </html>
