Skip to main content
CSS-Tricks
Since 2007
  • Articles
  • Almanac
  • Guides
  • Links
  • Newsletter
  • Shop
  • Account
  • Search

Articles Tagged
rendering

5 Articles
client side rendering rendering server side rendering static sites

Rendering Spectrum

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
…
By Chris Coyier on Nov 24, 2020
font loading lighthouse rendering

How to Load Fonts in a Way That Fights FOUT and Makes Lighthouse Happy

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 …

By Adrian Bece on Nov 24, 2020
aspect ratio overflow-anchor rendering

The Fight Against Layout Jank

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 …

By Chris Coyier on Jul 10, 2019
paint timing api perceived performance performance rendering

Using the Paint Timing API

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…

By Jeremy Wagner on Aug 16, 2017
performance rendering

Understanding the Critical Rendering Path

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 …

By Chris Coyier on Feb 1, 2017
CSS-Tricks star logo

Sponsor CSS-Tricks!

We've got lots of ways to help you connect with the greatest front-end community in all the land.

CSS-Tricks Newsletter

Sign up to get front-end roundups, browser updates, and exclusive content sent to your inbox bi-weekly.

Ads are self-hosted

Ad

CSS-Tricks Members

Join our community of front-end nerds! You'll get into the Discord server and member-only perks and free swag.

Ad

CSS-Tricks Newsletter

Sign up to get front-end roundups, browser updates, and exclusive content sent to your inbox bi-weekly.

Ad

CSS-Tricks Store

Get your t-shirts, prints, stickers, and yes, even mousepads at the brand-spankin' new CSS-Tricks store, now open.

CSS-Tricks is powered by a small team of real-life humans.

Get Curated Front-End Roundups Right in Your Inbox

Coming back November 10! See past issues →

CSS-Tricks
  • Guest Writing
  • Memberships
  • CSS-Tricks Store
  • Support Us
  • Advertising
  • Contact Us
Social
  • RSS Feeds
  • Bluesky
  • Mastodon
  • CodePen
  • X / Twitter
  • LinkedIn
Legalese
  • CSS-Tricks License
  • AI Statement
  • Terms of Use
  • Privacy Policy
Back to Top