perf: reduce homepage render blocking work#616
Open
xtakenotesx16 wants to merge 3 commits into
Open
Conversation
Author
|
Updated with a deeper homepage pass. Local mobile Lighthouse against the production build moved from:
Kept scope focused on /: externalized the hero SVG, lazy-rendered below-the-fold home sections, moved Google Fonts out of the blocking CSS import, and async/deferred the bot script. npm run build passes. |
Author
|
Follow-up pushed in d5726bd: lazy-rendered the homepage Configuration section as well, keeping the initial homepage DOM smaller while preserving the section when it approaches the viewport. Verification after the follow-up:
The PR remains focused on reducing initial homepage render work without broad Docusaurus/CSS rewrites. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
font-display=swap./starts with much less DOM and less initial render work./claim #217
Verification
npm run build: passesgit diff --check: clean/: Performance 52, FCP 14.1s, Speed Index 14.1s, TBT 210ms, document transfer about 336 KB, DOM 3,609 elements./: Performance 66, FCP 3.6s, Speed Index 3.6s, TBT 100ms, DOM 510 elements./: Performance 87, Best Practices 100, FCP 0.7s, Speed Index 0.7s, TBT 0ms, DOM 473 elements.Notes
npm run typecheckcurrently fails on existing unrelated generated GraphQL / GraphiQL fetcher / Algolia declaration errors outside this patch.