perf: optimize LCP with image preloading and fetchpriority

This commit is contained in:
mstfyldz
2026-05-05 00:26:26 +03:00
parent 058949c659
commit 87bb4d6cd2

View File

@@ -33,6 +33,8 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="image" href="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_700/v1777917585/muglasurucukursu/araba1.jpg">
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,100..900&family=Onest:wght@100..900&display=swap"> <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,100..900&family=Onest:wght@100..900&display=swap">
<link rel="preload" as="style" href="css/bootstrap.min.css"> <link rel="preload" as="style" href="css/bootstrap.min.css">
<link rel="preload" as="style" href="css/custom.css?v=1.1"> <link rel="preload" as="style" href="css/custom.css?v=1.1">
@@ -171,7 +173,7 @@
<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" alt=""> <img src="https://res.cloudinary.com/du7xohbct/image/upload/f_auto,q_auto,w_700/v1777917585/muglasurucukursu/araba1.jpg" fetchpriority="high" alt="">
</figure> </figure>
</div> </div>