Articles Tagged

Here are the big categories of rendering websites:

• Client: ship a <div id="root"</div and let a JavaScript template render all of it.
• Static: pre-render the HTML.
• Server: let a live server process requests and generate the

A web font workflow is simple, right? Choose a few nice-looking web-ready fonts, get the HTML or CSS code snippet, plop it in the project, and check if they display properly. People do this with Google Fonts a zillion times …

A web page isn’t locked in stone just because it has rendered visually. Media assets, like images, can come in and cause the layout to shift based on their size, which typically isn’t known in fluid layouts until they do …

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…

Ire Aderinokun:

There are 6 stages to the CRP –

1. Constructing the DOM Tree
2. Constructing the CSSOM Tree
3. Running JavaScript
4. Creating the Render Tree
5. Generating the Layout
6. Painting

I imagine if you’re really getting into performance work, you’ll want a …