2018-04-10
1909
#css#node
Benjamin Johnson
351
Apr 10, 2018 ⋅ 6 min read

How CSS works: Parsing & painting CSS in the critical rendering path

Benjamin Johnson Software engineer. Learning every day, one mistake at a time. You can find me online at benjaminjohnson.me.

Recent posts:

React.memo explained: When to use it (and when not to)

React.memo prevents unnecessary re-renders and improves performance in React applications. Discover when to use it, when to avoid it, and how it compares to useMemo and useCallback.

Emmanuel John
Feb 26, 2025 ⋅ 9 min read
React useCallback: When And How To Use It For Better Performance

React useCallback: When and how to use it for better performance

Learn how React’s useCallback hook boosts performance by memoizing functions and preventing unnecessary re-renders with practical examples and best practices.

Emmanuel John
Feb 26, 2025 ⋅ 6 min read
what is the virtual DOM in react

What is the virtual DOM in React?

Learn the characteristics of the virtual document object model (DOM), explore its benefits in React, and review a practical example.

Ibadehin Mojeed
Feb 26, 2025 ⋅ 9 min read

A practical guide to switch statements in JavaScript

You might start with if...else statements. But as your logic grows more complex, you’ll discover the switch statement in JavaScript is simply better for handling multiple conditions in a clean and readable way.

Fimber Elemuwa
Feb 26, 2025 ⋅ 6 min read
View all posts

3 Replies to "How CSS works: Parsing & painting CSS in the critical rendering path"

  1. that 50% statistic you mentioned at the beginning of the article isn’t actually present in the article you sited… you didn’t make this up, did you?

    1. If you download the full report, you’ll find this statistic in the second sentence of the first paragraph: “Yet 53% of mobile site visitors leave a page that takes longer than three seconds to load.”

Leave a Reply