[Asset Optimization]: Implement Lossless Image Optimization for Improved Website Performance & more

[prathikshetty2002]

Expected Behavior

• Faster website loading times, resulting in improved user experience.
• Reduced bandwidth consumption, leading to cost savings and improved performance on low-speed networks.
• Enhanced SEO rankings due to faster page load times.
• Consistent visual quality across all images.

Current Behavior

Lighthouse report

Resource loading

Possible Solution

• Resize images properly in a lossless manner
• Serve images in next-gen format
• Eliminate render-blocking resources
• Efficiently encode images

Context

Optimizing image assets is a critical step to ensure our website's fast loading times and optimal user experience. Currently, our images could benefit from lossless compression techniques to reduce their file sizes without compromising visual quality. This issue is dedicated to implementing lossless image optimization across the website, which will contribute to faster load times, reduced bandwidth consumption, and overall improved performance.

Your Environment

• Version used: latest
• Browser Name and version: Using Chromium 115.0.0.0 with devtools
• Operating System and version (desktop or mobile): Emulated Moto G Power with Lighthouse 10.2.
• Slow 4G throttling

[aman-prajapati05]

Assign this to me