Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

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

Abierto
#51 3 comentarios 0 reacciones 0 asignados Ver en GitHub

@Pratham3900 ya está trabajando en esto.

Desde el 24/2/2026.

  • #52 de @Pratham3900 — abierto
  • #53 de @Adityacode-hub — abierto

Evaluación

Dificultad
1/5
Tiempo estimado
Menos de una hora
Aptitud para principiantes
45/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Estancado
Stack tecnológico
html

Línea de trabajo

Abre index.html y localiza las cinco etiquetas de imagen de testimonios en images/testimonials. Añade carga diferida a cada imagen de testimonio y, después, inspecciona la página o busca en el archivo para confirmar que las cinco usan loading="lazy" y que no se omitió ninguna imagen de testimonio.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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.

Lenguaje dominante
CSS
Estrellas
64
Forks
48
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de keploy/student-program

Todos los issues de keploy/student-program

Issues similares

Más issues de Performance

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.