Improve Lighthouse desktop scores

[avinxshKD]

• Please check if the PR fulfills these requirements

• The commit message follows our guidelines

• What kind of change does this PR introduce? (Bug fix, feature, docs update, ...)

/kind bug

• What this PR does / why we need it:
  Improves the desktop Lighthouse performance and accessibility scores for the homepage by optimizing large landing page images and addressing the reported accessibility audits.

• Which issue(s) this PR fixes:
  Fixes Improve Lighthouse Performance and Accessibility Scores in Desktop Mode #545

Tested with Lighthouse in Desktop mode:

• Performance: 100
• Accessibility: 96
• Best Practices: 100
• SEO: 100

[volcano-sh-bot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign william-wang for approval. For more information see the Kubernetes Code Review Process.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[avinxshKD]

Hey @yashisrani PTAL,

Tested with Lighthouse in Desktop mode:

• Performance: 100
• Accessibility: 96
• Best Practices: 100
• SEO: 100

[gemini-code-assist]

Code Review

This pull request improves the performance, accessibility, and semantic structure of the Volcano website by adding image dimensions, preloading key assets, wrapping the homepage content in a <main> tag, and adjusting heading levels. The feedback recommends optimizing the preloaded hero image with a media query to prevent mobile bandwidth waste, adjusting the framework logo dimensions to avoid container overflow, and correcting the heading hierarchy semantically by updating section titles to <h2> instead of changing sub-items to <h2>.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

[avinxshKD]

Applied the gemni suggestions, took the preload/media and logo size fixes. Left the heading ones as-is since changing the section heading hierarchy feels like a separate cleanup from this Lighthouse fix.

[yashisrani]

@avinxshKD please check supporters section, all images looking small

[avinxshKD]

@avinxshKD please check supporters section, all images looking small

Fixed, kept the image dimensions for Lighthouse but restored the previous visual sizing with CSS. PTAL

[yashisrani]

@avinxshKD i generate lighthouse report in incognito mode, SEO score is dropped

[yashisrani]

@avinxshKD can you generate lighthouse report in incognito mode ?

[avinxshKD]

@avinxshKD can you generate lighthouse report in incognito mode ?

Yeah sure, on it

[avinxshKD]

Hey @yashisrani checked this. The SEO drop is from the Netlify deploy preview header X-Robots-Tag: noindex, not from this PR. Local production build reports SEO 100. Can you pls look at it again?