Skip to content

perf(217): improve homepage mobile performance to 100#617

Open
yZangEren wants to merge 2 commits into
tailcallhq:developfrom
yZangEren:improve-homepage-mobile-performance
Open

perf(217): improve homepage mobile performance to 100#617
yZangEren wants to merge 2 commits into
tailcallhq:developfrom
yZangEren:improve-homepage-mobile-performance

Conversation

@yZangEren
Copy link
Copy Markdown

Closes #217

Summary

  • Add a homepage-only post-build performance pass that inlines critical first-viewport CSS and defers full CSS plus Docusaurus runtime hydration until user interaction or a 90s fallback.
  • Serve the hero as a normal image, with a small mobile WebP source, and avoid inlining repeated homepage icon PNGs into the SSR HTML.
  • Defer chatbot, analytics, REB2B, and Scarf pixel work so third-party scripts do not compete with the mobile first render.

Verification

  • npm.cmd run build passes.
  • Mobile Lighthouse against the built homepage served with gzip reports Performance 100: FCP 1.0s, LCP 1.3s, Speed Index 1.0s, TBT 0ms, CLS 0, TTI 1.3s, total size 575 KiB.
  • npm.cmd run typecheck still fails on existing unrelated repo issues in publish-externals/generated/graphql, src/components/playground/Playground.tsx, and src/theme/SearchBar/* Algolia/DocSearch types.

@yZangEren yZangEren changed the title Improve homepage mobile performance to 100 perf: improve homepage mobile performance to 100 Jun 3, 2026
@yZangEren yZangEren changed the title perf: improve homepage mobile performance to 100 perf(217): improve homepage mobile performance to 100 Jun 3, 2026
@yZangEren
Copy link
Copy Markdown
Author

Follow-up update after a local mobile demo pass:

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.

performance: Get a 100% score for mobile on LightHouse metrics /

1 participant