ayrisdev/muglasurucukursu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: fix CLS by adding image dimensions and defer swiper bundle to footer

Browse Source
This commit is contained in:
mstfyldz
2026-05-05 00:32:19 +03:00
parent f9ebb79b40
commit 23b7cf776a
1 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@@ -47,8 +47,6 @@
<!-- SlickNav Css (Non-critical) --> <!-- SlickNav Css (Non-critical) -->
<link href="css/slicknav.min.css" rel="stylesheet" media="print" onload="this.media='all'"> <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) --> <!-- Animated Css (Non-critical) -->
<link href="css/animate.css" rel="stylesheet" media="print" onload="this.media='all'"> <link href="css/animate.css" rel="stylesheet" media="print" onload="this.media='all'">
<!-- Magnific Popup Core Css File (Non-critical) --> <!-- Magnific Popup Core Css File (Non-critical) -->
@@ -219,20 +217,20 @@
<!-- About Us Image Start --> <!-- About Us Image Start -->
<div class="about-us-image"> <div class="about-us-image">
<div class="about-img-1"> <div class="about-img-1">
<figure class="image-anime reveal"> <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=""> <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> </figure>
</div> </div>
<div class="about-img-2"> <div class="about-img-2">
<figure class="image-anime reveal"> <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> </figure>
</div> </div>
<div class="about-contact-box wow fadeInUp"> <div class="about-contact-box wow fadeInUp">
<div class="icon-box"> <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>
<div class="about-contact-content"> <div class="about-contact-content">
<p>Bizi Arayın!</p> <p>Bizi Arayın!</p>
@@ -1564,8 +1562,6 @@
<script defer src="js/validator.min.js"></script> <script defer src="js/validator.min.js"></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script defer src="js/jquery.slicknav.js"></script> <script defer src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script defer src="js/swiper-bundle.min.js"></script>
<!-- Counter js file --> <!-- Counter js file -->
<script defer src="js/jquery.waypoints.min.js"></script> <script defer src="js/jquery.waypoints.min.js"></script>
<script defer src="js/jquery.counterup.min.js"></script> <script defer src="js/jquery.counterup.min.js"></script>
@@ -1588,7 +1584,9 @@
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script defer src="js/function.js"></script> <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 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> </body>
</html> </html>