undefined | Better HN

0 pointslelandfe3y ago0 comments

Addy Osmani's Critical package

> Critical extracts & inlines critical-path (above-the-fold) CSS from HTML

Penthouse, the OG of Critical CSS generators

> Penthouse will return the critical CSS needed to perfectly render the above the fold content of the page

> Above the fold is an arbitrary definition because it varies by device

I mean, sure. But your critical path of CSS is never going to mean the whole page (unless it's a very short page). And skeleton components is objectively a completely different thing. Having definitions, even if "arbitrary," are important.

0 comments

youngtaff3y ago

I didn't mention skeleton components, I said 'lay out a skeleton and main content'

I'm well aware of Addy and Jonas' work…

In my experience trying to just extract and maintain ATF styles is impractical at scale as there 1,000s of viewport sizes, and large sites often have 10,000 pages – I've seen many a team try it and abandon it for something more realistic

I've used a broad definition of Critical CSS for a long time and will continue to do so as the narrow definition is impractical at scale IMV

j / k navigate · click thread line to collapse