Improve website performance by optimizing images and scripts

Add `defer` attribute to all script tags, implement lazy loading for images, and replace a large GIF with a smaller JPG to significantly reduce page load times.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8702cea6-5379-4542-9446-7e71f9f057ab
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 2b20dec5-94a9-483a-a567-1547f23caa2f
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/705de26f-a3c1-41e6-845d-88f96627134c/8702cea6-5379-4542-9446-7e71f9f057ab/ejKynqE
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
ka-official
2026-03-17 20:40:23 +00:00
parent e1bb749c80
commit fe0c56a5df
9 changed files with 448 additions and 443 deletions

View File

@@ -188,7 +188,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/srisports.png" alt="Sri Sports" />
<img loading="lazy" src="images/srisports.png" alt="Sri Sports" />
</figure>
</div>
<!-- Team Image End -->
@@ -209,7 +209,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/ncca.jpg" alt="National College Cricket Association" />
<img loading="lazy" src="images/ncca.jpg" alt="National College Cricket Association" />
</figure>
</div>
<!-- Team Image End -->
@@ -230,7 +230,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/hit-fantasy.jpg" alt="Hit Fantasy" />
<img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy" />
</figure>
</div>
<!-- Team Image End -->
@@ -423,39 +423,39 @@
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<script src="js/jquery-3.7.1.min.js" defer></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap.min.js" defer></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<script src="js/validator.min.js" defer></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<script src="js/jquery.slicknav.js" defer></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<script src="js/swiper-bundle.min.js" defer></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/jquery.waypoints.min.js" defer></script>
<script src="js/jquery.counterup.min.js" defer></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.magnific-popup.min.js" defer></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<script src="js/SmoothScroll.js" defer></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<script src="js/parallaxie.js" defer></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<script src="js/gsap.min.js" defer></script>
<script src="js/magiccursor.js" defer></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<script src="js/SplitText.js" defer></script>
<script src="js/ScrollTrigger.min.js" defer></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<script src="js/jquery.mb.YTPlayer.min.js" defer></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<script src="js/plyr.js" defer></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<script src="js/wow.js" defer></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<script src="js/function.js" defer></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
<script src="js/enhance.js" defer></script>
</body>
</html>