Improve Landing Page Performance by Optimizing Background Image (LCP Enhancement)

[anusha975]

Feature Description

This issue proposes optimizing the landing page’s background image to improve loading performance and enhance the user experience. The enhancement includes:

Replacing the current background image with an optimized, smaller, modern-format file (e.g., WebP/AVIF).

Updating the HTML to include preload hints () to ensure the image loads earlier in the render cycle.

Improving the Largest Contentful Paint (LCP) score, confirmed through testing with tools like Google Lighthouse.
Use Case

This optimization directly affects the hero section, which is the first visual element users see on the landing page.

By implementing this enhancement, the project will:

1. Improve First Impressions

The hero section will load instantly, reducing bounce rates and communicating professionalism from the first interaction.

2. Increase Credibility

Better Core Web Vitals—especially LCP and CLS—will help the platform meet modern front-end performance standards, essential for a technical learning platform.

3. Enhance User Experience (UX)

A faster, more stable landing page eliminates layout shifts and slow background loading issues—especially valuable for users on slower networks or mobile devices

[github-actions]

Thanks for creating the issue in LearnHub!
Before you start working on your PR, please make sure to:

• ⭐ Star the repository if you haven't already.
• Pull the latest changes to avoid any merge conflicts.
• Attach before & after screenshots in your PR for clarity.
• Include the issue number in your PR description for better tracking.
  Don't forget to follow @souvikpramanikgit – Project Admin – for more updates!

We're excited to see your contribution as part of GSSOC 2025 . 🎉
Happy open-source contributing!

[anusha975]

please assign issue to me