perf: drop globe texture preload hints from landing page - #472
Draft
alukach wants to merge 1 commit into
Draft
Conversation
The two `<link rel="preload">` hints pulled 6.5MB of WebGL globe textures
into the critical window, ahead of the render-blocking stylesheet that
gates first paint. On a real-throttled 4G profile that stylesheet was
requested at 682ms but did not arrive until 5901ms.
The preloads had no upside to trade against that: LiveGlobe is
dynamic({ ssr: false }), so it mounts after hydration and requests the
textures itself regardless.
Measured with Lighthouse 13.4.1 (--throttling-method=devtools, mobile):
FCP 6.1s -> 5.3s
LCP 6.1s -> 5.3s
Refs #471
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
|
Claude finished @alukach's task in 1m 1s —— View job ✅ No blocking issues — safe to merge.
|
5 tasks
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.
Part of #471.
What
Deletes the two
<link rel="preload">hints for the WebGL globe textures insrc/app/(marketing)/page.tsx.Why
The hints pulled 6.5 MB of textures into the critical window, ahead of the render-blocking stylesheet that gates first paint. On a real-throttled 4G profile,
_next/static/css/1e5913857760d7aa.csswas requested at 682 ms but did not arrive until 5901 ms — and FCP tracks that arrival exactly.The preloads had no upside to weigh against that cost. The original comment said they warmed the cache "before the client component mounts", but
LiveGlobeisdynamic(..., { ssr: false })— it mounts after hydration and requests the textures itself either way. The preload only changed when the bytes competed for bandwidth, not whether they were fetched.Measured impact
Lighthouse 13.4.1, mobile,
--throttling-method=devtools:Note that Lighthouse's default simulated throttling shows no change here — Lantern de-prioritizes
Low-priority images out of the critical path and hides the contention. Re-measure with--throttling-method=devtools.This is the first of several fixes; the textures are still oversized at 4096×2048, which #471 tracks separately.
Risk
Low. Deletes two JSX lines, no behavior change — the globe loads its own textures on mount as before.
Verification
npm run type-check— 14 errors, identical to the count on cleanmain(all pre-existing, inanalytics/files)🤖 Generated with Claude Code