Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
performance

159 Articles
{
,

}
Direct link to the article The truth about CSS selector performance
DevTools edge performance

The truth about CSS selector performance

Geez, leave it to Patrick Brosset to talk CSS performance in the most approachable and practical way possible. Not that CSS is always what’s gunking up the speed, or even the lowest hanging fruit when it comes to improving …

Avatar of Geoff Graham
Geoff Graham on Feb 7, 2023
Direct link to the article Setting Up CloudFront to Host Your Web App
cache cdn cloudfront performance webpagetest

Setting Up CloudFront to Host Your Web App

In my last article, we went over how to set up a web app that serves chunks and bundles of CSS and JavaScript from CloudFront. We integrated it into Vite so that when the app runs in a browser, …

Avatar of Adam Rackis
Adam Rackis on Apr 28, 2022
Direct link to the article 7 Fresh Links on Performance For March 2022
cloudflare next.js performance svg icons webpagetest

7 Fresh Links on Performance For March 2022

I have a handful of good links to articles about performance that are burning a hole in my bookmarks folder, and wanna drop them here to share.…

Avatar of Chris Coyier
Chris Coyier on Mar 2, 2022
Direct link to the article Using the CSS Me Not Bookmarklet to See (and Disable) CSS Files
bookmarklet performance unused css

Using the CSS Me Not Bookmarklet to See (and Disable) CSS Files

Stoyan is absolutely correct. As much as we all love CSS, it’s still an important player in how websites load and using less of it is a good thing. He has a neat new bookmarklet called CSS Me Not …

Avatar of Chris Coyier
Chris Coyier on Jan 14, 2022
Direct link to the article Links on Performance V
performance

Links on Performance V

  1. Does shadow DOM improve style performance? — Nolan Lawson covers how, because of the inherent encapsulation of the shadow DOM, the styling gets applied a bit faster than it would if those styling rules were relevant to the entire page. But
…
Avatar of Chris Coyier
Chris Coyier on Dec 21, 2021
Direct link to the article Low framerate in Safari on M1 Mac
animation performance

Low framerate in Safari on M1 Mac

John James Jacoby:

I recently noticed that animations in Safari were stuttering pretty badly on my M1 powered 2020 MacBook Air, and dove in to figure out why.

The why:

This wasn’t a bug. This was a feature.

…
Avatar of Chris Coyier
Chris Coyier on Dec 3, 2021
Direct link to the article When is it “Right” to Reach for contain and will-change in CSS?
contain performance will-change

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;
…
Avatar of Chris Coyier
Chris Coyier on Nov 26, 2021
Direct link to the article Building an Angular Data Grid With Filtering
angular kendo performance

Building an Angular Data Grid With Filtering

Kendo UI makes it possible to go from a basic idea to a full-fledged app, thanks to a massive component library. We’re talking well over 100 components that are ready for you to drop into your app at will, whether …

❥ Sponsored (Written by Geoff Graham)
Direct link to the article A Themeable React Data Grid With Great UX-Focused Features
kendo performance react table

A Themeable React Data Grid With Great UX-Focused Features

KendoReact can save you boatloads of time because it offers pre-built componentry you can use in your app right away. They look nice, but more importantly, they are easily themeable, so they look however you need them to look. And …

❥ Sponsored (Written by Chris Coyier)
Direct link to the article ct.css — Performance Hints via Injected Stylesheet Alone
performance

ct.css — Performance Hints via Injected Stylesheet Alone

This is some bonafide CSS trickery from Harry that gives you some generic performance advice based on what it sees in your <head> element.

First, it’s possible to make a <style block visible like any other element by changing the …

Avatar of Chris Coyier
Chris Coyier on Oct 5, 2021
Direct link to the article Frameworks Helping Image Usage
image optimization images performance

Frameworks Helping Image Usage

I recently blogged about how images are hard and it ended up being a big ol’ checklist of things that you could/should think about and implement when placing images on websites.

I think it’s encouraging to see frameworks — these …

Avatar of Chris Coyier
Chris Coyier on Sep 9, 2021
  • 1
  • 2
  • 3
  • ...
  • 15
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top