Optimize website performance by bundling assets and optimizing images

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

View File

@@ -19,27 +19,11 @@
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" />
</head>
<!-- Preload critical image -->
<link rel="preload" href="images/page-header-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
<!-- Preloader Start -->
@@ -143,7 +127,7 @@
<div class="about-image">
<div class="about-img-1">
<figure class="image-anime reveal">
<img src="images/cricket.png" alt="" />
<img loading="lazy" src="images/cricket.webp" alt="" />
</figure>
</div>
</div>
@@ -183,7 +167,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>
@@ -197,7 +181,7 @@
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>
@@ -211,7 +195,7 @@
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>
@@ -225,7 +209,7 @@
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>
@@ -352,14 +336,14 @@
<div class="about-image">
<div class="about-img-1">
<figure class="image-anime reveal">
<img src="images/abhiram.jpg" alt="" />
<img loading="lazy" src="images/abhiram.jpg" alt="" />
</figure>
</div>
<div class="about-img-2">
<figure class="image-anime reveal">
<img
src="images/saim.png"
src="images/saim.webp"
alt=""
/>
</figure>
@@ -400,8 +384,8 @@
<div class="pastors-signature">
<!-- Pastors Signature Image Start -->
<div class="pastors-signature-img">
<img src="images/signature.png" alt="" />
<img src="images/saim-sign.png" alt="" />
<img loading="lazy" src="images/signature.png" alt="" />
<img loading="lazy" src="images/saim-sign.png" alt="" />
</div>
<!-- Pastors Signature Image End -->
@@ -446,7 +430,7 @@
<div class="team-image">
<figure class="image-anime">
<img src="images/team-1.jpg" alt="">
<img loading="lazy" src="images/team-1.jpg" alt="">
</figure>
@@ -469,7 +453,7 @@
<div class="team-image">
<figure class="image-anime">
<img src="images/team-2.jpg" alt="">
<img loading="lazy" src="images/team-2.jpg" alt="">
</figure>
@@ -505,7 +489,7 @@
<div class="team-image">
<figure class="image-anime">
<img src="images/team-3.jpg" alt="">
<img loading="lazy" src="images/team-3.jpg" alt="">
</figure>
@@ -541,7 +525,7 @@
<div class="team-image">
<figure class="image-anime">
<img src="images/team-4.jpg" alt="">
<img loading="lazy" src="images/team-4.jpg" alt="">
</figure>
@@ -577,7 +561,7 @@
<div class="team-image">
<figure class="image-anime">
<img src="images/team-5.jpg" alt="">
<img loading="lazy" src="images/team-5.jpg" alt="">
</figure>
@@ -606,7 +590,7 @@
<div class="team-member-item wow fadeInUp" data-wow-delay="1s">
<div class="team-image">
<figure class="image-anime">
<img src="images/team-6.jpg" alt="">
<img loading="lazy" src="images/team-6.jpg" alt="">
</figure>
<div class="team-social-icon">
@@ -634,7 +618,7 @@
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
<div class="team-image">
<figure class="image-anime">
<img src="images/team-7.jpg" alt="">
<img loading="lazy" src="images/team-7.jpg" alt="">
</figure>
<div class="team-social-icon">
@@ -662,7 +646,7 @@
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
<div class="team-image">
<figure class="image-anime">
<img src="images/team-8.jpg" alt="">
<img loading="lazy" src="images/team-8.jpg" alt="">
</figure>
<div class="team-social-icon">
@@ -1001,7 +985,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>
@@ -1012,7 +996,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>
@@ -1063,38 +1047,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>
</body>