KeshavAnandCode/tscb-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve website performance by optimizing images and scripts

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

55
index.html
View File

@@ -13,6 +13,9 @@
<title>Texas Scholastic Cricket Board</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
<!-- DNS Prefetch for performance -->
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -339,14 +342,14 @@
<!-- Mission Image Start -->
<div class="mission-img">
<figure class="image-anime reveal">
<img src="images/about.gif" alt="">
<img loading="lazy" src="images/mission-image.jpg" alt="TSCB Mission">
</figure>
</div>
<!-- Mission Image End -->
<!-- Mission Life Circle Start -->
<div class="mission-life-circle">
<img src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
<img loading="lazy" src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
</div>
<!-- Mission Life Circle End -->
</div>
@@ -376,7 +379,7 @@
<div class="service-item wow fadeInUp">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/dallas.png" alt="">
<img loading="lazy" src="images/dallas.png" alt="">
</div>
<!-- Icon Box End -->
@@ -408,7 +411,7 @@
<div class="service-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Icon Box Start -->
<div class="icon-box">
<img src="images/austin.png" alt="">
<img loading="lazy" src="images/austin.png" alt="">
</div>
<!-- Icon Box End -->
@@ -465,13 +468,13 @@
<div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s">
<div class="sponsor-logo-item">
<img src="images/ncca.jpg" alt="NCCA">
<img loading="lazy" src="images/ncca.jpg" alt="NCCA">
</div>
<div class="sponsor-logo-item">
<img src="images/hit-fantasy.jpg" alt="Hit Fantasy">
<img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy">
</div>
<div class="sponsor-logo-item">
<img src="images/srisports.png" alt="Sri Sports">
<img loading="lazy" src="images/srisports.png" alt="Sri Sports">
</div>
</div>
@@ -737,40 +740,40 @@
<!-- 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>