Portfolio Lighthouse report.

I ran Lighthouse on the homepage URL in production after a layout and contrast pass. Every category landed at 100 in both light and dark mode. This post is the screenshot record and the accessibility fixes behind those scores. Other routes were not part of this run.

URL

huynhicode.dev/ (homepage)

Date

May 8, 2026

Stack

SvelteKit, Vercel

Scores

100 Performance · 100 Accessibility · 100 Best Practices · 100 SEO

Why production

Local runs are useful, but they do not catch deployment caching, font loading, or real theme switching. I audited huynhicode.dev/ in Chrome Lighthouse, not a crawl of every route.

The homepage is the densest surface on the site: hero, work cards, about teaser, testimonial, and CTA panels in one scroll. That is where the contrast and heading issues showed up.

What I measured

Performance, Accessibility, Best Practices, and SEO on the production build, with separate passes in light and dark mode.

Screenshots

Exports from Chrome Lighthouse on the homepage. Click to enlarge.

Lighthouse report screenshot in light mode — Light mode

Lighthouse report screenshot in dark mode — Dark mode

Findings

Most of the lift came from contrast and semantic structure on the homepage, not from new features or bundle work.

Issues flagged

Low-contrast micro labels in the About teaser and availability CTA
Heading-level mismatch in Selected Work project cards
Insufficient contrast in supporting CTA panel copy

What stayed strong

Performance and SEO were already in good shape. The remediation pass was mostly accessibility tokens and heading order, which is the kind of fix that should not need a redesign to maintain.

Changes made

Each fix maps to a flagged issue. After shipping, I re-ran Lighthouse on production and confirmed 100s across categories in both themes.

Bumped muted label tokens so small caps text meets contrast on light and dark surfaces

Adjusted Selected Work card headings so hierarchy matches the page outline

Tuned CTA panel foreground colors for readable body and link text

Keeping scores stable

Re-run Lighthouse after major layout or content changes, especially when adding new sections, cards, or muted label styles.