Luson045 / medi-connect

Medi-connect(now Med Space) is an online hospital appointment booking website. Visit our website, Make sure the check the announcement... LEAVE US A ⭐...
https://med-space.vercel.app/
MIT License
46 stars 139 forks source link

Optimize_Images_for_Better_Performance #514

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!

@Luson045

Luson045 commented 1 month ago

@smog-root make sure image quality remains same

smog-root commented 1 month ago

Level1 is too less. Add level3!!

smog-root commented 1 month ago

I have to edit a lot of files!!

smog-root commented 1 month ago

@Luson045 added now!!