Improve Lighthouse Score of Meshery.io Home Page

[shubhusion]

Description

Fixes #973

This PR addresses issue #973 by significantly improving the Lighthouse scores for Meshery.io Home Page on both mobile and desktop platforms.

Changes Included:

• Enhanced the Accessibility score for Meshery.io Home Page
• Implemented lazy loading to boost performance.
• Optimized images by converting GIFs to WebM format and PNGs to WebP.
• Preconnected to required origins for faster resource loading.

Lighthouse Score Comparison:

Platform	Current Website	After Updates
Mobile
Desktop

Note: The Lighthouse scores were compared with the latest deployed preview of Meshery.io.

Signed commits:

• Yes, I signed my commits.

[netlify]

✅ Deploy Preview for mesheryio-preview ready!

Name	Link
🔨 Latest commit	5c17bdc
🔍 Latest deploy log	https://app.netlify.com/sites/mesheryio-preview/deploys/66cc7dd7eff9ab00087940d5
😎 Deploy Preview	https://deploy-preview-1876--mesheryio-preview.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Ashparshp]

@shubhusion, Thanks for your contribution, let's discuss this on the website's call. Please add this as an agenda item to the meeting minutes.

[amitamrutiya]

Hey, @shubhusion Why the score for best practice and SEO decreased after update?

[shubhusion]

Hey, @shubhusion Why the score for best practice and SEO decreased after update?

Best Practices:
The score decreased due to another issue, specifically #1877.

SEO:
The SEO score dropped because the configuration for the deployed PR preview differs slightly from the main site. Indexing is not allowed in the PR previews, which is the primary reason for the lower SEO score. This issue will be resolved on the main site, where page indexing is allowed.

[shubhusion]

@Ashparshp @vishalvivekm @sudhanshutech, can you review this pr ?

[Ashparshp]

@shubhusion. Thanks for your contribution, let's discuss this on the website's call. Please add this as an agenda item to the meeting minutes.

[Ashparshp]

@shubhusion, what's the update about this issue?

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue is being automatically closed due to inactivity. However, you may choose to reopen this issue.