Sign in Subscribe
1 min read Browser internals

Inside a super fast CSS engine: Quantum CSS (aka Stylo)

The style engine taking some styles from the CSS and adding them to the DOM tree as computed styles.

This article explains how all of the pieces of the browser's rendering engine fit together.

It also talks about how Firefox parallelized the style computation process, but many readers were even more excited about the explanation of the different pieces of the engine.

Read Inside a super fast CSS engine: Quantum CSS (aka Stylo) on Mozilla's Hacks blog.

Published by:

You might also like...

Oct
08
Calls between JavaScript and WebAssembly are finally fast

Calls between JavaScript and WebAssembly are finally fast

This was another case of Firefox's WebAssembly team moving the goal posts on WebAssembly performance. Fun times! Read
Mar
28
ES modules: A cartoon deep-dive

ES modules: A cartoon deep-dive

In early January 2018, I attended my first WebAssembly CG meeting. At the time, there was no integration between the
1 min read
Jan
17
Making WebAssembly even faster: Firefox’s new streaming and tiering compiler

Making WebAssembly even faster: Firefox’s new streaming and tiering compiler

During this time period, Firefox had a major lead and just kept moving the goal posts in terms of WebAssembly
Nov
17
Entering the Quantum Era—How Firefox got fast again and where it’s going to get faster

Entering the Quantum Era—How Firefox got fast again and where it’s going to get faster

This post was listed in the top-20 posts of all time on Hacker News when it first came out. It
Oct
10
The whole web at maximum FPS: How WebRender gets rid of jank

The whole web at maximum FPS: How WebRender gets rid of jank

The Servo project at Mozilla did some really exciting work maximizing use of the GPU for performance gains. This article