Welcome to CSS Inlining One Oh One!

In this exercise you'll see a bunch of styles, images and whatnot.

It's up to you to figure out which styles are critical, as in, what styles are needed to render the first view of the page?

Those are the styles that are absolutely necessary at page load. The rest of the styles we can defer.

In the "DEFER ALL THE THINGS" exercise we've already learned how to defer all of our styles.

All that's needed besides that is to inline the rest of the styles. The ones that actually matter. So that the page doesn't flicker at page load, but it doesn't load all the unnecessary and expensive styles either.

Styles are typically not big enough for this to matter, except that blocking rendering is expensive because you could be showing the page to the user hundreds of milliseconds earlier.

Why any of this matters?

It's all about the user experience.

Says who?

Well, UX and performance are actually very closely intertwined. Studies show that performance is closely related to business metrics and that poor performance can have a devastating impact on sales. Users quickly lose interest in slow products

What else?

Well, I'm terribly tired of typing, so I'll come up with weird markup next just to have an excuse for unused styles and whatnot!

Cool!

This is a cool piece of software.
Especially because I wrote it. Sometimes that reminds me, people build the web. We're like artisans. Except better, artisans don't have the Internet.

See, this is where we can really shine.

Have you ever seen something that fast?

Like, ridiculously fast.

Why do people even do stuff like this?

I don't know. I just have a lot of spare time.

Or maybe somebody paid me to do it. I guess we'll never know the truth behind it.

But really, it's about the people!

I'm getting very philosophical here.

I seriously can't think of anything else to write.

Lorem Ipsum would be tasty, but this has gone too far now.

I can't just throw Lorem Ipsum here. That ship has sailed hundreds of words ago.

Fine, one more charade

Boredom can do dangerous things to people. Are you insured against boredom? That should be a thing.