Nobody (correct me if I’m wrong) touched on the fact that it’s bottlenecking. Only its duration. The knock-on effects of slow CSS are far bigger than most developers realise.
-
-
Replying to @csswizardry @slightlylate and
This makes sense. Font-awesome is actually the only easy one to self-host, so lets see what happens
2 replies 0 retweets 1 like -
Replying to @FredKSchott @csswizardry and
For Google Fonts, preloading the eventual woff file helps in most traces
1 reply 0 retweets 0 likes -
Replying to @slightlylate @FredKSchott and
The filename changes all the time, so it’ll work for a few days and then you’re left preloading an unusable resource *and* normal-loading the correct ones :(
1 reply 0 retweets 0 likes -
Replying to @csswizardry @slightlylate and
Yeah. If you don't need font subsetting (and therefore don't need a dynamic font loader), using a statically hosted font with preload is the win.
1 reply 0 retweets 0 likes -
Replying to @mikesherov @slightlylate and
Self-hosted webfonts is cool. No webfonts at all is cooler.
1 reply 0 retweets 2 likes -
Replying to @csswizardry @slightlylate and
Sure, Helvetica with system-ui fallback and call it a day. But if you want webfonts, self host and preload. Or do the bonkers stuff
@zachleat did for css-tricks1 reply 0 retweets 0 likes -
Replying to @mikesherov @slightlylate and
If you self-host fontawesome and sack off GFonts, your new problem is that (in Chrome) modulepreload jumps the queue, dispatches requests too early, and leaves critical CSS backed up behind it. Those critical stylesheets (256) are trapped behind a load of less critical JS (220)pic.twitter.com/LGOkSAkWBw
2 replies 0 retweets 1 like -
Replying to @csswizardry @slightlylate and
You can use `importance=low` to put them after css, no?
1 reply 0 retweets 0 likes -
Replying to @mikesherov @slightlylate and
Not currently (no support). The issue is *inside* of Chrome, and hopefully being remedied. Chrome’s current flaws/behaviour mean (module)preload is almost an anti-pattern :(
3 replies 0 retweets 1 like
If those modules are critical-path for the content, I'm not sure it matters. Truth will be in the trace.
-
-
Replying to @slightlylate @mikesherov and
tl;dr the longer we delay that CSS, the slower the whole app becomes.
0 replies 0 retweets 2 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.