[feature]: Add loading="lazy" to testimonial images for better performance

[dhrumil246]

Is there an existing feature request for this?

• I have searched the existing issues

Summary

🐢 Problem

Testimonial images in index.html (.avif and .jpg files) are loaded eagerly on page load. This means all 5 testimonial profile pictures are downloaded immediately, even before the user scrolls to the testimonials section — wasting bandwidth and slowing initial page load.

✅ Suggested Fix

Add the native HTML loading="lazy" attribute to all testimonial <img> tags in index.html.

File: index.html

Current code (example):

<img src="./images/testimonials/sanskriti.avif" alt="">
<img src="./images/testimonials/sukriti.avif" alt="">
<img src="./images/testimonials/neel.jpg" alt="">
<img src="./images/testimonials/harsh.avif" alt="">
<img src="./images/testimonials/arunima.avif" alt="">

Fix:

<img src="./images/testimonials/sanskriti.avif" alt="Sanskriti Gupta" loading="lazy">
<img src="./images/testimonials/sukriti.avif" alt="Sukriti Maurya" loading="lazy">
<img src="./images/testimonials/neel.jpg" alt="Neel Shah" loading="lazy">
<img src="./images/testimonials/harsh.avif" alt="Harsh Rastogi" loading="lazy">
<img src="./images/testimonials/arunima.avif" alt="Arunima Chaudhuri" loading="lazy">

Why should this be worked on?

🎯 Benefits

• ⚡ Faster initial page load
• 📉 Reduced bandwidth usage
• 📱 Better experience on mobile and slow networks
• ♿ Bonus: fixing alt="" improves accessibility too

🌐 Browser Support

loading="lazy" is supported in all modern browsers (Chrome, Firefox, Edge, Safari 15.4+). No polyfill needed.

[github-actions]

Thank you and congratulations 🎉 for opening your very first issue in student-program

[devvpin]

Team 167
i would like to work on this

[DhineshPonnarasan]

Hi @nehagup , @dhrumil246
I'd like to work on this issue