Articles Tagged
contain

3 Articles

When is it “Right” to Reach for contain and will-change in CSS?

I’ve got some blind spots in CSS-related performance things. One example is the will-change property. It’s a good name. You’re telling the browser some particular property (or the scroll-position or content) uh, will, change:

.el {
  will-change: opacity;

…

Chris Coyier on Nov 26, 2021

contain layout performance

Helping Browsers Optimize With The CSS Contain Property

Direct Link

There is a growing number of things that we have to do to help the browser achieve for peak performance.

Responsive image syntax has several. For example, needing to tell the browser how large the image will be in our

…

Shared by Chris Coyier on Feb 10, 2020

contain

CSS containment

Direct Link

Michael Scharnagl breaking down the new contain property:

If you build simple sites without tons of DOM nodes and widgets you probably don’t have to care about CSS containment. On the other hand, if you build more complex sites CSS

…

Shared by Robin Rendle on Apr 5, 2016