[FEAT]: ENHANCE PAGE PERFORMANCE - INTEGRATE IMAGE OPTIMIZING API 🚀🔥

[0xabdulkhaliq]

Description

• The Scene-Movie-Platform repository currently experiences slow page loading times due to inefficient image handling. Components such as cards, movie banners, and other elements load images in jpg and png formats, causing extended loading times and consuming excessive bandwidth.

• To address this performance issue and improve user experience, we need to optimize the images using an image optimizing API that can efficiently convert images to the webp format with compression.

Problem

• Presently, the webpage's image loading mechanism leads to long load times, exceeding 5 minutes, even on a connection with a bandwidth of 100 Mbps.

• The use of jpg and png formats for images is inefficient and results in unnecessarily large file sizes, leading to slow rendering and hindering the overall page performance.

Recommended Action

• To optimize image loading and significantly reduce page load times, we propose integrating an image optimizing API that can convert images to the webp format with appropriate compression.

• Webp is a modern image format that offers superior compression and image quality, resulting in smaller file sizes and faster loading times.

• The image optimizing API is capable of quickly converting images from jpg, png, and other formats to webp, ensuring efficient utilization of bandwidth and seamless rendering of images across various devices and network conditions.

• By implementing this optimization, we can enhance the Scene-Movie-Platform's performance and provide users with a faster and more responsive browsing experience.

[0xabdulkhaliq]

Hey there @sourabhsikarwar 👋🏻

Please make sure to assign this issue to me to make the work done, Thank You!