Browser & Web Performance · Senior · Question 30 of 75

What's a trade-off of inlining critical CSS in the HTML?

✓Correct answer: Faster first render, but the inlined CSS can't be cached separately and is re-sent with every HTML response
2It always blocks JavaScript execution
3Inlined CSS can't contain media queries

Explanation

It's worth it for small critical CSS on entry pages; large inline styles inflate every page load.

Further reading

Test yourself

Take the Browser & Web Performance · Senior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.