From 23b7cf776a61a9657841347af47ab2d229e660c3 Mon Sep 17 00:00:00 2001
From: mstfyldz <mstfyldz@mstfyldz-MacBook-Air.local>
Date: Tue, 5 May 2026 00:32:19 +0300
Subject: [PATCH] perf: fix CLS by adding image dimensions and defer swiper
 bundle to footer

---
 index.html | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 27ea992..f6bbd74 100644
--- a/index.html
+++ b/index.html
@@ -47,8 +47,6 @@
     
 	<!-- SlickNav Css (Non-critical) -->
 	<link href="css/slicknav.min.css" rel="stylesheet" media="print" onload="this.media='all'">
-	<!-- Swiper Css (Non-critical) -->
-	<link rel="stylesheet" href="css/swiper-bundle.min.css" media="print" onload="this.media='all'">
 	<!-- Animated Css (Non-critical) -->
 	<link href="css/animate.css" rel="stylesheet" media="print" onload="this.media='all'">
     <!-- Magnific Popup Core Css File (Non-critical) -->
@@ -219,20 +217,20 @@
                     <!-- About Us Image Start -->
                     <div class="about-us-image">
                         <div class="about-img-1">
-                            <figure class="image-anime reveal">
-                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_700/v1777917585/muglasurucukursu/araba1.jpg" fetchpriority="high" alt="">
+                             <figure class="image-anime reveal">
+                                <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_700/v1777917585/muglasurucukursu/araba1.jpg" fetchpriority="high" width="700" height="465" alt="">
                             </figure>
                         </div>
 
                         <div class="about-img-2">
                             <figure class="image-anime reveal">
-                                <img loading="lazy" src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917625/muglasurucukursu/logo.jpg" alt="">
+                                <img loading="lazy" src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777917625/muglasurucukursu/logo.jpg" width="300" height="300" alt="">
                             </figure>
                         </div>
 
                         <div class="about-contact-box wow fadeInUp">
                             <div class="icon-box">
-                                <img loading="lazy" src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777918012/muglasurucukursu/icon-phone.svg" alt="">
+                                <img loading="lazy" src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto/v1777918012/muglasurucukursu/icon-phone.svg" width="50" height="50" alt="">
                             </div>
                             <div class="about-contact-content">
                                 <p>Bizi Arayın!</p>
@@ -1564,8 +1562,6 @@
     <script defer src="js/validator.min.js"></script>
     <!-- SlickNav js file -->
     <script defer src="js/jquery.slicknav.js"></script>
-    <!-- Swiper js file -->
-    <script defer src="js/swiper-bundle.min.js"></script>
     <!-- Counter js file -->
     <script defer src="js/jquery.waypoints.min.js"></script>
     <script defer src="js/jquery.counterup.min.js"></script>
@@ -1588,7 +1584,9 @@
     <!-- Main Custom js file -->
     <script defer src="js/function.js"></script>
     
-    <!-- Non-critical CSS (FontAwesome) loaded at the end -->
+    <!-- Non-critical CSS & Heavy Libraries moved to the very end -->
     <link href="css/all.min.css?v=1.1" rel="stylesheet" media="print" onload="this.media='all'">
+    <link rel="stylesheet" href="css/swiper-bundle.min.css" media="print" onload="this.media='all'">
+    <script defer src="js/swiper-bundle.min.js"></script>
 </body>
 </html>
\ No newline at end of file