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

Offen
  • Stimmt etwas nicht?
#51 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

@Pratham3900 arbeitet bereits daran.

Seit 24.2.2026.

  • #52 von @Pratham3900 — offen
  • #53 von @Adityacode-hub — offen

Bewertung

Schwierigkeit
1/5
Geschätzter Aufwand
Unter einer Stunde
Anfängerfreundlichkeit
45/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Veraltet
Tech-Stack
html
Bereich
performance, web-dev

Rechercherichtung

Öffne index.html und finde die fünf Testimonial-Bild-Tags unter images/testimonials. Füge jedem Testimonial-Bild Lazy Loading hinzu und überprüfe anschließend die Seite oder durchsuche die Datei, um zu bestätigen, dass alle fünf loading="lazy" verwenden und kein Testimonial-Bild ausgelassen wurde.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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.

Vorherrschende Sprache
CSS
Sterne
64
Forks
48
Keine gemergten PRs in 30 T.

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus keploy/student-program

Alle Issues in keploy/student-program

Ähnliche Issues

Weitere Issues zu Performance

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.