Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

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

Đang mở
  • Có gì không ổn?
#51 3 bình luận 0 reaction 0 người được giao Xem trên GitHub

@Pratham3900 đang làm issue này rồi.

Từ ngày 24/2/2026.

  • #52 của @Pratham3900 — đang mở
  • #53 của @Adityacode-hub — đang mở

Đánh giá

Độ khó
1/5
Thời gian dự kiến
Dưới một giờ
Mức phù hợp với người mới
45/100
Loại issue
Tính năng
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
html
Lĩnh vực
performance, web-dev

Hướng nghiên cứu

Mở index.html và tìm năm thẻ hình ảnh testimonial trong images/testimonials. Thêm lazy loading vào từng hình ảnh testimonial, sau đó kiểm tra trang hoặc tìm kiếm trong tệp để xác nhận cả năm đều sử dụng loading="lazy" và không bỏ sót hình ảnh testimonial nào.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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.

Ngôn ngữ chính
CSS
Star
64
Fork
48
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của keploy/student-program

Tất cả issue của keploy/student-program

Issue tương tự

Thêm issue về Performance

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.