rendering Archives - CSS-Tricks

Articles Tagged rendering

It takes as much energy to wish as it does to plan. — Eleanor Roosevelt

2 Articles

It's a great time to be a web performance aficionado, and the arrival of the Paint Timing API in Chrome 60 is proof positive of that fact. The Paint Timing API is yet another addition to the burgeoning Performance API, but instead of capturing page and resource timings, this new and experimental API allows you to capture metrics on when a page begins painting.

If you haven't experimented with any of the various performance APIs, it may help if … Read article

Understanding the Critical Rendering Path

Shared by
Chris Coyier

Ire Aderinokun:

There are 6 stages to the CRP -

Constructing the DOM Tree

Constructing the CSSOM Tree

Running JavaScript

Creating the Render Tree

Generating the Layout

Painting

I imagine if you're really getting into performance work, you'll want a firm understanding of this. There are lots of ways to block/delay parts of this process. The job of a perf nerd is to understand when and why that's happening, evaluate if it's necessary or not, and tweak things to get … Read article

Our Notes / Read at bitsofco.de

performance rendering

Using the Paint Timing API

Understanding the Critical Rendering Path