Skip to content

Topic website lighthouse performance#7041

Open
vanshika2720 wants to merge 2 commits into
pipe-cd:masterfrom
vanshika2720:topic-website-lighthouse-performance
Open

Topic website lighthouse performance#7041
vanshika2720 wants to merge 2 commits into
pipe-cd:masterfrom
vanshika2720:topic-website-lighthouse-performance

Conversation

@vanshika2720

@vanshika2720 vanshika2720 commented Jul 16, 2026

Copy link
Copy Markdown
Contributor

What this PR does

This PR improves the PipeCD website's Lighthouse Performance score by implementing a focused set of low-risk performance optimizations without changing the website's appearance or functionality.

Specifically, it:

  • Adds preconnect hints for external origins serving scripts (code.jquery.com and unpkg.com) to reduce connection setup time.
  • Defers the non-critical medium-zoom library to eliminate a render-blocking resource while preserving the existing execution order.
  • Adds loading="lazy" to the homepage core-value images.
  • Adds loading="lazy" to the footer CNCF logo.

These changes are intentionally limited to performance improvements and do not overlap with the existing SEO or accessibility PRs.

Why we need it

A Lighthouse audit identified several opportunities to improve the website's performance.

This PR addresses a subset of those recommendations by:

  • Reducing render-blocking resources.
  • Establishing network connections earlier for required third-party resources.
  • Deferring offscreen image loading to reduce the initial network payload.
  • Improving page load efficiency while preserving existing behavior and layout.

Which issue(s) this PR fixes

Fixes #7019

Does this PR introduce a user-facing change?

Yes.

  • How are users affected by this change:

    • Pages begin rendering sooner due to fewer render-blocking resources.
    • Offscreen images are loaded only when needed, reducing initial bandwidth usage.
    • External resources establish connections earlier, improving perceived page load performance.
    • No visual appearance or functionality changes are introduced.
  • Is this breaking change:

    • No.
  • How to migrate (if breaking change):

    • Not applicable.
Screenshot 2026-07-16 at 8 31 27 PM

Add preconnect hints for code.jquery.com and unpkg.com, the two
origins serving scripts in <head>, so the connection handshake
overlaps with HTML parsing instead of starting only when the
script tag is reached. Also defer the medium-zoom library script;
its invocation code already runs on defer, so execution order is
unchanged.

Signed-off-by: Vanshika <pahalvanshikaa@gmail.com>
The CNCF logo is always below the fold, so deferring its fetch
with loading="lazy" removes it from the set of resources
competing for bandwidth during initial page load.

Signed-off-by: Vanshika <pahalvanshikaa@gmail.com>
@vanshika2720
vanshika2720 requested review from a team as code owners July 16, 2026 13:58
@vanshika2720
vanshika2720 force-pushed the topic-website-lighthouse-performance branch from 49beed6 to 9ec9b1f Compare July 16, 2026 14:40
@vanshika2720

Copy link
Copy Markdown
Contributor Author

@yashisrani

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Improve website SEO by addressing Lighthouse recommendations

1 participant