Skip to content

docs: improve lighthouse performance for homepage#492

Merged
nam-hle merged 3 commits intomainfrom
docs/lighthouse-perf
Feb 19, 2026
Merged

docs: improve lighthouse performance for homepage#492
nam-hle merged 3 commits intomainfrom
docs/lighthouse-perf

Conversation

@nam-hle
Copy link
Copy Markdown
Member

@nam-hle nam-hle commented Feb 19, 2026

Summary

  • Replace react-syntax-highlighter (~100KB) with prism-react-renderer (already bundled by Docusaurus) for code blocks on the homepage
  • Replace blur-3xl BlurOrb components with static CSS radial gradients to eliminate expensive GPU compositing
  • Lazy-load the GitHub stars iframe to avoid blocking render
  • Delete 4 unused Docusaurus template images (84KB)

Test plan

  • pnpm -F @nadle/internal-docs build passes
  • Visual check that homepage looks the same (code highlighting, glow effects)
  • Netlify deploy preview Lighthouse score improves from 71

🤖 Generated with Claude Code

@netlify
Copy link
Copy Markdown

netlify bot commented Feb 19, 2026

Deploy Preview for nadle ready!

Name Link
🔨 Latest commit 839689a
🔍 Latest deploy log https://app.netlify.com/projects/nadle/deploys/6997002769e13d00095ff18f
😎 Deploy Preview https://deploy-preview-492--nadle.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 77
Accessibility: 98
Best Practices: 100
SEO: 97
PWA: -
View the detailed breakdown and full score reports

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

@nam-hle nam-hle enabled auto-merge (squash) February 19, 2026 12:05
@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Feb 19, 2026

size-limit report 📦

Path Size
bundled 128.56 KB (0%)

@github-actions
Copy link
Copy Markdown
Contributor

size-limit report 📦

Path Size
bundled 979 B (0%)

Replace react-syntax-highlighter (~100KB) with prism-react-renderer
(already bundled by Docusaurus), swap blur-3xl BlurOrb components with
static CSS radial gradients, lazy-load GitHub stars iframe, and delete
unused Docusaurus template images.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Feb 19, 2026

Open in StackBlitz

npx https://pkg.pr.new/nadlejs/nadle/create-nadle@492
npx https://pkg.pr.new/nadlejs/nadle@492
npx https://pkg.pr.new/nadlejs/nadle/nadle-vscode@492

commit: 839689a

@nam-hle nam-hle force-pushed the docs/lighthouse-perf branch from 2d9a9ce to 694c00d Compare February 19, 2026 12:06
nam-hle and others added 2 commits February 19, 2026 19:14
Add preconnect/dns-prefetch for gtag, Algolia, and ghbtns. Replace
useState with useRef+data attribute for copy button to avoid React
re-renders. Remove backdrop-blur from feature cards.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Remove all dark: variant prefixes from homepage sections
(FeatureHighlights, FeatureGrid, Credibility) and use dark-mode
colors exclusively. This ensures sufficient contrast ratios across
all sections regardless of the user's color scheme preference.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@nam-hle nam-hle disabled auto-merge February 19, 2026 12:23
@nam-hle nam-hle merged commit d032393 into main Feb 19, 2026
18 checks passed
@nam-hle nam-hle deleted the docs/lighthouse-perf branch February 19, 2026 12:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant