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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user