Counselllor / Counsellor-Web

Counselling/Recommendation System for new Undergrad Students
http://counsellor.social/
MIT License
77 stars 174 forks source link

Optimize_Images_for_Better_Performance #1410

Open smog-root opened 1 month ago

smog-root commented 1 month ago

We need to optimize images on our website to improve loading speed and overall performance. This includes compressing existing images and converting them to more efficient formats like WebP.

Compress Images:

Use tools like TinyPNG or ImageOptim to reduce the file size of current images without sacrificing quality.

Convert to WebP Format:

Change image formats from JPEG/PNG to WebP where appropriate to enhance performance.

Enable Lazy Loading:

Implement lazy loading for images to defer loading off-screen images until they are needed.

<img src="image.jpg" alt="Description" loading="lazy">

Note: Assign me and add gssoc-ext with level3 and hacktober-accepted labels!

@thestarsahil

github-actions[bot] commented 1 month ago

Hello smog-root, Thanks for opening an issue, your contribution is valuable to us. The maintainers will review this issue and provide feedback as soon as possible.