The spinner element seems to get blocked by lots of stuff, even though it's definition is inlined. Naively I'd expect that to be painting at the ~2s mark, rather than 4.3s as I see here: https://www.webpagetest.org/video/compare.php?tests=190802_7Q_3a7b3a5321251394011376ae4f1798be-r%3A1-c%3A0&thumbSize=200&ival=100&end=full …
-
-
This is really interesting, I'm surprised by that as well. The test even says "Start Render" occurs at 4s
1 reply 0 retweets 0 likes -
Yeah, tracing locally to try to understand.
1 reply 0 retweets 1 like -
Replying to @slightlylate @FredKSchott and
GA isn’t the issue. Big in-flight CSS is delaying in-page JS, which in turn bottlenecks er’thang else. Because the page is client rendered, any in-page resources are hidden in vdom and late-discovered.pic.twitter.com/4DhTtBPkNL
3 replies 0 retweets 1 like -
Replying to @csswizardry @slightlylate and
Am I missing something but everything is being loaded after the html is loaded. Getting some preload headers or tags in the head will shave off half a second starting assets being loaded.
2 replies 0 retweets 0 likes -
Replying to @robert_daly @slightlylate and
Most key scripts are synchronous, and a browser will not execute sync JS while CSS is in flight. The CSS is preventing the vdom being built, and the vdom contains all the references to things like logo5.svg etc.
1 reply 0 retweets 2 likes -
Replying to @csswizardry @slightlylate and
Fair enough, but the HTML is taking half a second to download then all assets start downloading. So instead of 500ms + 600ms download time it’d be 500ms & 600ms in parallel so only introducing a 100ms delay for the page to render.
1 reply 0 retweets 0 likes -
Replying to @robert_daly @slightlylate and
*Discoverable* assets start downloading. The rest are all hidden away in JS.
1 reply 0 retweets 1 like -
Replying to @csswizardry @robert_daly and
This is why SSR is where true perf lives ^.
1 reply 0 retweets 0 likes -
Replying to @mikesherov @robert_daly and
CSR is the fast way to a slow website.
1 reply 0 retweets 1 like
While this is true, the current JS community default of "super-slow CSR, which you then 'fix' with 'SSR'" is much, much worse than what we see here
-
-
Replying to @slightlylate @csswizardry and
Sure, but it a red herring to point to anything other than SSR as the true "North Star."
0 replies 0 retweets 0 likesThanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
Replying to @slightlylate @mikesherov and
Oh sure! It wasn’t a criticism of any particular site at all. Just a pithy little soundbyte haha
0 replies 0 retweets 0 likesThanks. Twitter will use this to make your timeline better. UndoUndo
-
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.
& Web Standards TL; Blink API OWNER
Named PWAs w/
DMs open. Tweets my own; press@google.com for official comms.