[feature]: Add loading="lazy" to testimonial images for better performance
@Pratham3900 ci sta già lavorando.
Dal 24/2/2026.
Valutazione
- Difficoltà
- 1/5
- Tempo stimato
- Meno di un'ora
- Idoneità per principianti
- 45/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Specificata chiaramente
- Stato di attività
- Ferma
- Stack tecnologico
- html
- Ambito
- performance, web-dev
Direzione di ricerca
Apri index.html e individua i cinque tag immagine delle testimonianze in images/testimonials. Aggiungi il caricamento differito a ciascuna immagine delle testimonianze, quindi ispeziona la pagina o cerca nel file per confermare che tutte e cinque utilizzino loading="lazy" e che non sia stata tralasciata alcuna immagine delle testimonianze.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
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.
- Lingua principale
- CSS
- Stelle
- 64
- Fork
- 48
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di keploy/student-program
-
[bug]: Combined Code Quality and Accessibility IssuesForse già presa @ABHIISHERE12 l’ha presa 94 giorni fa. Apertabug
Difficoltà 5/5 Più di una settimana Idoneità per principianti 20/100
keploy/student-program#55 · 1 commento ·
Tutte le issue di keploy/student-program
Issue simili
-
tech-debt
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
cofade/open-garden-planner#473 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 74/100
hirobirofran/food-inventory-app#48 · 6 commenti ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
swc-project/swc#12516 ·
I maintainer di solito rispondono entro 1 giorno