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,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/page-header-bg.jpg" as="image">
<!-- Bundled CSS -->
<link href="css/bundle.css" rel="stylesheet">
</head>
<body>
@@ -182,7 +166,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/pesh.jpeg" alt="Plano East Panthers">
<img loading="lazy" src="images/pesh.jpeg" alt="Plano East Panthers">
</figure>
</div>
<!-- Team Image End -->
@@ -204,7 +188,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/ranchview.jpg" alt="Ranchview Wolves">
<img loading="lazy" src="images/ranchview.jpg" alt="Ranchview Wolves">
</figure>
</div>
<!-- Team Image End -->
@@ -226,7 +210,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/friscofury.webp" alt="Frisco Fury">
<img loading="lazy" src="images/friscofury.webp" alt="Frisco Fury">
</figure>
</div>
<!-- Team Image End -->
@@ -248,7 +232,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/heritage.webp" alt="Heritage Coyotes">
<img loading="lazy" src="images/heritage.webp" alt="Heritage Coyotes">
</figure>
</div>
<!-- Team Image End -->
@@ -270,7 +254,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/lebanon.jpeg" alt="Lebanon Trail Challengers">
<img loading="lazy" src="images/lebanon.jpeg" alt="Lebanon Trail Challengers">
</figure>
</div>
<!-- Team Image End -->
@@ -292,7 +276,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/liberty.jpeg" alt="Frisco Titans">
<img loading="lazy" src="images/liberty.jpeg" alt="Frisco Titans">
</figure>
</div>
<!-- Team Image End -->
@@ -314,7 +298,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/prosper.webp" alt="Prosper Eagles">
<img loading="lazy" src="images/prosper.webp" alt="Prosper Eagles">
</figure>
</div>
<!-- Team Image End -->
@@ -336,7 +320,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/rockhill.jpeg" alt="Rock Hill Bluehawks">
<img loading="lazy" src="images/rockhill.jpeg" alt="Rock Hill Bluehawks">
</figure>
</div>
<!-- Team Image End -->
@@ -358,7 +342,7 @@
<!-- Team Image Start -->
<div class="team-image">
<figure class="image-anime">
<img src="images/walnut.webp" alt="Walnut Grove Wildcats">
<img loading="lazy" src="images/walnut.webp" alt="Walnut Grove Wildcats">
</figure>
</div>
<!-- Team Image End -->
@@ -467,7 +451,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>
@@ -478,7 +462,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>
@@ -524,38 +508,7 @@
<!-- 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>