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:
ka-official
2026-03-17 20:40:23 +00:00
parent e1bb749c80
commit fe0c56a5df
9 changed files with 448 additions and 443 deletions

View File

@@ -284,38 +284,38 @@
<!-- Jquery Library File --> <!-- 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 --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js" defer></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js"></script> <script src="js/validator.min.js" defer></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script> <script src="js/jquery.slicknav.js" defer></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script> <script src="js/swiper-bundle.min.js" defer></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.waypoints.min.js" defer></script>
<script src="js/jquery.counterup.min.js"></script> <script src="js/jquery.counterup.min.js" defer></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script> <script src="js/jquery.magnific-popup.min.js" defer></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script> <script src="js/SmoothScroll.js" defer></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js"></script> <script src="js/parallaxie.js" defer></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script> <script src="js/gsap.min.js" defer></script>
<script src="js/magiccursor.js"></script> <script src="js/magiccursor.js" defer></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js"></script> <script src="js/SplitText.js" defer></script>
<script src="js/ScrollTrigger.min.js"></script> <script src="js/ScrollTrigger.min.js" defer></script>
<!-- YTPlayer js File --> <!-- 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 --> <!-- Audio js File -->
<script src="js/plyr.js"></script> <script src="js/plyr.js" defer></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js"></script> <script src="js/wow.js" defer></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js"></script> <script src="js/function.js" defer></script>
</body> </body>
</html> </html>

View File

@@ -143,7 +143,7 @@
<div class="about-image"> <div class="about-image">
<div class="about-img-1"> <div class="about-img-1">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<img src="images/cricket.png" alt="" /> <img loading="lazy" src="images/cricket.png" alt="" />
</figure> </figure>
</div> </div>
@@ -410,8 +410,8 @@
<div class="pastors-signature"> <div class="pastors-signature">
<!-- Pastors Signature Image Start --> <!-- Pastors Signature Image Start -->
<div class="pastors-signature-img"> <div class="pastors-signature-img">
<img src="images/signature.png" alt="" /> <img loading="lazy" src="images/signature.png" alt="" />
<img src="images/saim-sign.png" alt="" /> <img loading="lazy" src="images/saim-sign.png" alt="" />
</div> </div>
<!-- Pastors Signature Image End --> <!-- Pastors Signature Image End -->
@@ -1073,39 +1073,39 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- 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 --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js" defer></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js"></script> <script src="js/validator.min.js" defer></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script> <script src="js/jquery.slicknav.js" defer></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script> <script src="js/swiper-bundle.min.js" defer></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.waypoints.min.js" defer></script>
<script src="js/jquery.counterup.min.js"></script> <script src="js/jquery.counterup.min.js" defer></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script> <script src="js/jquery.magnific-popup.min.js" defer></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script> <script src="js/SmoothScroll.js" defer></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js"></script> <script src="js/parallaxie.js" defer></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script> <script src="js/gsap.min.js" defer></script>
<script src="js/magiccursor.js"></script> <script src="js/magiccursor.js" defer></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js"></script> <script src="js/SplitText.js" defer></script>
<script src="js/ScrollTrigger.min.js"></script> <script src="js/ScrollTrigger.min.js" defer></script>
<!-- YTPlayer js File --> <!-- 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 --> <!-- Audio js File -->
<script src="js/plyr.js"></script> <script src="js/plyr.js" defer></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js"></script> <script src="js/wow.js" defer></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js"></script> <script src="js/function.js" defer></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js"></script> <script src="js/enhance.js" defer></script>
</body> </body>
</html> </html>

View File

@@ -524,40 +524,40 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- 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 --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js" defer></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js"></script> <script src="js/validator.min.js" defer></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script> <script src="js/jquery.slicknav.js" defer></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script> <script src="js/swiper-bundle.min.js" defer></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.waypoints.min.js" defer></script>
<script src="js/jquery.counterup.min.js"></script> <script src="js/jquery.counterup.min.js" defer></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script> <script src="js/jquery.magnific-popup.min.js" defer></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script> <script src="js/SmoothScroll.js" defer></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js"></script> <script src="js/parallaxie.js" defer></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script> <script src="js/gsap.min.js" defer></script>
<script src="js/magiccursor.js"></script> <script src="js/magiccursor.js" defer></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js"></script> <script src="js/SplitText.js" defer></script>
<script src="js/ScrollTrigger.min.js"></script> <script src="js/ScrollTrigger.min.js" defer></script>
<!-- YTPlayer js File --> <!-- 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 --> <!-- Audio js File -->
<script src="js/plyr.js"></script> <script src="js/plyr.js" defer></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js"></script> <script src="js/wow.js" defer></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js"></script> <script src="js/function.js" defer></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js"></script> <script src="js/enhance.js" defer></script>
</body> </body>
</html> </html>

View File

@@ -386,40 +386,40 @@
<!-- Jquery Library File --> <!-- 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 --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js" defer></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js"></script> <script src="js/validator.min.js" defer></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script> <script src="js/jquery.slicknav.js" defer></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script> <script src="js/swiper-bundle.min.js" defer></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.waypoints.min.js" defer></script>
<script src="js/jquery.counterup.min.js"></script> <script src="js/jquery.counterup.min.js" defer></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script> <script src="js/jquery.magnific-popup.min.js" defer></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script> <script src="js/SmoothScroll.js" defer></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js"></script> <script src="js/parallaxie.js" defer></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script> <script src="js/gsap.min.js" defer></script>
<script src="js/magiccursor.js"></script> <script src="js/magiccursor.js" defer></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js"></script> <script src="js/SplitText.js" defer></script>
<script src="js/ScrollTrigger.min.js"></script> <script src="js/ScrollTrigger.min.js" defer></script>
<!-- YTPlayer js File --> <!-- 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 --> <!-- Audio js File -->
<script src="js/plyr.js"></script> <script src="js/plyr.js" defer></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js"></script> <script src="js/wow.js" defer></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js"></script> <script src="js/function.js" defer></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js"></script> <script src="js/enhance.js" defer></script>
</body> </body>
</html> </html>

View File

@@ -524,40 +524,40 @@
<!-- Jquery Library File --> <!-- 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 --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js" defer></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js"></script> <script src="js/validator.min.js" defer></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script> <script src="js/jquery.slicknav.js" defer></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script> <script src="js/swiper-bundle.min.js" defer></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.waypoints.min.js" defer></script>
<script src="js/jquery.counterup.min.js"></script> <script src="js/jquery.counterup.min.js" defer></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script> <script src="js/jquery.magnific-popup.min.js" defer></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script> <script src="js/SmoothScroll.js" defer></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js"></script> <script src="js/parallaxie.js" defer></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script> <script src="js/gsap.min.js" defer></script>
<script src="js/magiccursor.js"></script> <script src="js/magiccursor.js" defer></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js"></script> <script src="js/SplitText.js" defer></script>
<script src="js/ScrollTrigger.min.js"></script> <script src="js/ScrollTrigger.min.js" defer></script>
<!-- YTPlayer js File --> <!-- 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 --> <!-- Audio js File -->
<script src="js/plyr.js"></script> <script src="js/plyr.js" defer></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js"></script> <script src="js/wow.js" defer></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js"></script> <script src="js/function.js" defer></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js"></script> <script src="js/enhance.js" defer></script>
</body> </body>
</html> </html>

View File

@@ -13,6 +13,9 @@
<title>Texas Scholastic Cricket Board</title> <title>Texas Scholastic Cricket Board</title>
<!-- Favicon Icon --> <!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/logo.png"> <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--> <!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -339,14 +342,14 @@
<!-- Mission Image Start --> <!-- Mission Image Start -->
<div class="mission-img"> <div class="mission-img">
<figure class="image-anime reveal"> <figure class="image-anime reveal">
<img src="images/about.gif" alt=""> <img loading="lazy" src="images/mission-image.jpg" alt="TSCB Mission">
</figure> </figure>
</div> </div>
<!-- Mission Image End --> <!-- Mission Image End -->
<!-- Mission Life Circle Start --> <!-- Mission Life Circle Start -->
<div class="mission-life-circle"> <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> </div>
<!-- Mission Life Circle End --> <!-- Mission Life Circle End -->
</div> </div>
@@ -376,7 +379,7 @@
<div class="service-item wow fadeInUp"> <div class="service-item wow fadeInUp">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img src="images/dallas.png" alt=""> <img loading="lazy" src="images/dallas.png" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
@@ -408,7 +411,7 @@
<div class="service-item wow fadeInUp" data-wow-delay="0.75s"> <div class="service-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Icon Box Start --> <!-- Icon Box Start -->
<div class="icon-box"> <div class="icon-box">
<img src="images/austin.png" alt=""> <img loading="lazy" src="images/austin.png" alt="">
</div> </div>
<!-- Icon Box End --> <!-- Icon Box End -->
@@ -465,13 +468,13 @@
<div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s"> <div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s">
<div class="sponsor-logo-item"> <div class="sponsor-logo-item">
<img src="images/ncca.jpg" alt="NCCA"> <img loading="lazy" src="images/ncca.jpg" alt="NCCA">
</div> </div>
<div class="sponsor-logo-item"> <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>
<div class="sponsor-logo-item"> <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>
</div> </div>
@@ -737,40 +740,40 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- 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 --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js" defer></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js"></script> <script src="js/validator.min.js" defer></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script> <script src="js/jquery.slicknav.js" defer></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script> <script src="js/swiper-bundle.min.js" defer></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.waypoints.min.js" defer></script>
<script src="js/jquery.counterup.min.js"></script> <script src="js/jquery.counterup.min.js" defer></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script> <script src="js/jquery.magnific-popup.min.js" defer></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script> <script src="js/SmoothScroll.js" defer></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js"></script> <script src="js/parallaxie.js" defer></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script> <script src="js/gsap.min.js" defer></script>
<script src="js/magiccursor.js"></script> <script src="js/magiccursor.js" defer></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js"></script> <script src="js/SplitText.js" defer></script>
<script src="js/ScrollTrigger.min.js"></script> <script src="js/ScrollTrigger.min.js" defer></script>
<!-- YTPlayer js File --> <!-- 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 --> <!-- Audio js File -->
<script src="js/plyr.js"></script> <script src="js/plyr.js" defer></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js"></script> <script src="js/wow.js" defer></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js"></script> <script src="js/function.js" defer></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js"></script> <script src="js/enhance.js" defer></script>
</body> </body>
</html> </html>

View File

@@ -126,7 +126,9 @@
} }
/* Audio JS */ /* Audio JS */
if (document.querySelector('#player')) {
const player = new Plyr('#player'); const player = new Plyr('#player');
}
/* Init Counter */ /* Init Counter */
if ($('.counter').length) { if ($('.counter').length) {

View File

@@ -504,37 +504,37 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- 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 --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js" defer></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js"></script> <script src="js/validator.min.js" defer></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script> <script src="js/jquery.slicknav.js" defer></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script> <script src="js/swiper-bundle.min.js" defer></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.waypoints.min.js" defer></script>
<script src="js/jquery.counterup.min.js"></script> <script src="js/jquery.counterup.min.js" defer></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script> <script src="js/jquery.magnific-popup.min.js" defer></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script> <script src="js/SmoothScroll.js" defer></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js"></script> <script src="js/parallaxie.js" defer></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script> <script src="js/gsap.min.js" defer></script>
<script src="js/magiccursor.js"></script> <script src="js/magiccursor.js" defer></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js"></script> <script src="js/SplitText.js" defer></script>
<script src="js/ScrollTrigger.min.js"></script> <script src="js/ScrollTrigger.min.js" defer></script>
<!-- YTPlayer js File --> <!-- 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 --> <!-- Audio js File -->
<script src="js/plyr.js"></script> <script src="js/plyr.js" defer></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js"></script> <script src="js/wow.js" defer></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js"></script> <script src="js/function.js" defer></script>
</body> </body>
</html> </html>

View File

@@ -188,7 +188,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <figure class="image-anime">
<img src="images/srisports.png" alt="Sri Sports" /> <img loading="lazy" src="images/srisports.png" alt="Sri Sports" />
</figure> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -209,7 +209,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <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> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -230,7 +230,7 @@
<!-- Team Image Start --> <!-- Team Image Start -->
<div class="team-image"> <div class="team-image">
<figure class="image-anime"> <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> </figure>
</div> </div>
<!-- Team Image End --> <!-- Team Image End -->
@@ -423,39 +423,39 @@
<!-- Footer End --> <!-- Footer End -->
<!-- Jquery Library File --> <!-- 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 --> <!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js" defer></script>
<!-- Validator js file --> <!-- Validator js file -->
<script src="js/validator.min.js"></script> <script src="js/validator.min.js" defer></script>
<!-- SlickNav js file --> <!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script> <script src="js/jquery.slicknav.js" defer></script>
<!-- Swiper js file --> <!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script> <script src="js/swiper-bundle.min.js" defer></script>
<!-- Counter js file --> <!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.waypoints.min.js" defer></script>
<script src="js/jquery.counterup.min.js"></script> <script src="js/jquery.counterup.min.js" defer></script>
<!-- Magnific js file --> <!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script> <script src="js/jquery.magnific-popup.min.js" defer></script>
<!-- SmoothScroll --> <!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script> <script src="js/SmoothScroll.js" defer></script>
<!-- Parallax js --> <!-- Parallax js -->
<script src="js/parallaxie.js"></script> <script src="js/parallaxie.js" defer></script>
<!-- MagicCursor js file --> <!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script> <script src="js/gsap.min.js" defer></script>
<script src="js/magiccursor.js"></script> <script src="js/magiccursor.js" defer></script>
<!-- Text Effect js file --> <!-- Text Effect js file -->
<script src="js/SplitText.js"></script> <script src="js/SplitText.js" defer></script>
<script src="js/ScrollTrigger.min.js"></script> <script src="js/ScrollTrigger.min.js" defer></script>
<!-- YTPlayer js File --> <!-- 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 --> <!-- Audio js File -->
<script src="js/plyr.js"></script> <script src="js/plyr.js" defer></script>
<!-- Wow js file --> <!-- Wow js file -->
<script src="js/wow.js"></script> <script src="js/wow.js" defer></script>
<!-- Main Custom js file --> <!-- Main Custom js file -->
<script src="js/function.js"></script> <script src="js/function.js" defer></script>
<!-- Enhanced Animations js --> <!-- Enhanced Animations js -->
<script src="js/enhance.js"></script> <script src="js/enhance.js" defer></script>
</body> </body>
</html> </html>