maybe another time 
pic.twitter.com/LrOWZFbear
We're making our "Render-Blocking Resources" Lighthouse guide more actionable. Have you had success with build tools that extract and inline critical CSS? Such as "critical" by @addyosmani. Or perhaps success with other strategies?https://github.com/addyosmani/critical …
-
-
-
No work is best work
End of conversation
New conversation -
-
-
I've never found these tools to work 100% accurately. And the process doesn't really scale across dozens of templates with different sub-header layouts (in an active codebase).
-
It depends on what the tool is doing, the coverage based tools are :( I agree, but we are just stripping out the conditional parts of state and it seems to be working fine for us. We do have a big build farm for each header layout though too. Would be interested to talk more.
- 1 more reply
New conversation -
-
-
cc
@bezoerb (critical)@pocketjoso (penthouse)@scottjehl (Filament Critical CSS) who have done awesome work in the critical CSS tools space and may also have thoughts here.. :) - 4 more replies
New conversation -
-
-
css-in-js does critical CSS by default!
Thanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
I’ve had some success with Lighthouse specifically when coupled static site generators that can do it for each individual page. Using it with dynamically generated pages has been more difficult. Don’t build many SPAs, but imagine similar difficulties.
Thanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
The little bit of
@vuejs I’ve used I’ve been happy with its ability to determine and inline critical CSS via what components are used (I used regular component CSS, but I presume CSS-in-JS has the same ability)Thanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
Critical is great
Thanks. 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.