[Feature Request]: Optimize Background Image Loading (LCP/CLS) #245
Description
Is there an existing issue for this?
- I have searched the existing issues
Feature Description
Optimized background image file (smaller size, modern format).
Updated HTML to include the necessary preload hints for the background.
Confirmation of an improved LCP score when testing with tools like Google Lighthouse.
Use Case
This enhancement directly impacts the core user experience of the landing page by making it feel faster and more professional.
By optimizing background image loading, this feature will:
Improve First Impressions: The hero section (the first thing a user sees) will load instantly, reducing bounce rates and giving users immediate access to the value proposition.
Increase Credibility: The project will achieve higher Core Web Vitals (LCP/CLS) scores in tools like Google Lighthouse, which is a key metric for modern, high-quality front-end development. This is especially important for a technical learning platform.
Enhance User Experience (UX): Eliminating delayed image loading and layout shifts (CLS) provides a smoother, more stable viewing experience, particularly for users on slower networks or mobile devices.
Benefits
No response
Add ScreenShots
No response
Priority
High
Record
- I have read the Contributing Guidelines
- I'm a GSSOC contributor
- I have starred the repository