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) -->
<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>