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

Optimize website performance by bundling assets and optimizing images

Browse Source 
Combines multiple CSS and JavaScript files into single bundles (bundle.css, bundle-core.js), adds lazy loading to images, and optimizes image formats and sizes across various HTML pages. Includes preload hints for critical background images and adjusts image loading attributes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1cf11e65-6deb-45c8-b84b-15ffb586a42f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 176f25a3-e1e0-4712-8b99-06084f7cc51d
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/ef74882e-373e-40b4-93c7-cf128544a855/1cf11e65-6deb-45c8-b84b-15ffb586a42f/Q4c5QN3
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
keshavananddev
2026-03-17 21:22:54 +00:00
parent d1ab497ad7
commit 621229e1fb
23 changed files with 13444 additions and 493 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
index.html
View File

@@ -19,26 +19,10 @@
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Audio Css File -->
<link rel="stylesheet" href="css/plyr.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
<!-- Enhanced Animations Css -->
<link href="css/enhance.css" rel="stylesheet" media="screen">
<!-- Preload critical image -->
<link rel="preload" href="images/hero-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
@@ -155,7 +139,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp">
<div class="icon-box">
<img src="images/icon-about-list-1.svg" alt="">
<img loading="lazy" src="images/icon-about-list-1.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Play Competitive Matches</h3>
@@ -166,7 +150,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.25s">
<div class="icon-box">
<img src="images/icon-about-list-2.svg" alt="">
<img loading="lazy" src="images/icon-about-list-2.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Train the Next Generation</h3>
@@ -177,7 +161,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.5s">
<div class="icon-box">
<img src="images/icon-about-list-3.svg" alt="">
<img loading="lazy" src="images/icon-about-list-3.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Connect Statewide Talent</h3>
@@ -188,7 +172,7 @@
<!-- About List Item Start -->
<div class="about-list-item wow fadeInUp" data-wow-delay="0.75s">
<div class="icon-box">
<img src="images/icon-about-list-4.svg" alt="">
<img loading="lazy" src="images/icon-about-list-4.svg" alt="">
</div>
<div class="about-list-item-content">
<h3>Build the Cricket Community</h3>
@@ -337,14 +321,14 @@
<!-- Mission Image Start -->
<div class="mission-img">
<figure class="image-anime reveal">
<img src="images/mission-image.jpg" alt="">
<img loading="lazy" src="images/mission-image.jpg" alt="">
</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>
@@ -374,7 +358,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 -->
@@ -391,7 +375,7 @@
<h3>Dallas Regionals</h3>
</div>
<div class="service-btn">
<a href="/dallas.html" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
<a href="/dallas.html" class="readmore-btn"><img loading="lazy" src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
@@ -406,7 +390,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 -->
@@ -423,7 +407,7 @@
<h3>austin regionals</h3>
</div>
<div class="service-btn">
<a href="/austin.html" class="readmore-btn"><img src="images/arrow-white.svg" alt=""></a>
<a href="/austin.html" class="readmore-btn"><img loading="lazy" src="images/arrow-white.svg" alt=""></a>
</div>
</div>
<!-- Service Footer End -->
@@ -440,11 +424,11 @@
<div class="scrolling-ticker">
<div class="scrolling-ticker-box">
<div class="scrolling-content">
<span><img src="images/icon-asterisk.svg" alt="">Cricket</span>
<span><img src="images/icon-asterisk.svg" alt="">Leadership</span>
<span><img src="images/icon-asterisk.svg" alt="">Community</span>
<span><img src="images/icon-asterisk.svg" alt="">Youth Involvement</span>
<span><img src="images/icon-asterisk.svg" alt="">Fun</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Cricket</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Leadership</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Community</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Youth Involvement</span>
<span><img loading="lazy" src="images/icon-asterisk.svg" alt="">Fun</span>
</div>
</div>
</div>
@@ -463,13 +447,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>
@@ -679,7 +663,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
<img loading="lazy" src="images/icon-phone.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>(+1) (945) 900-1148</p>
@@ -690,7 +674,7 @@
<!-- Footer Info Box Start -->
<div class="footer-info-box">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
<img loading="lazy" src="images/icon-mail.svg" alt="">
</div>
<div class="footer-info-box-content">
<p>texasscholasticcricketboard@gmail.com</p>
@@ -735,38 +719,7 @@
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Audio js File -->
<script src="js/plyr.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<script src="js/bundle-core.js"></script>
<!-- Enhanced Animations js -->
<script src="js/enhance.js"></script>
<!-- Homepage GSAP Masterpiece (index.html only) -->