Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
performance

163 Articles
{
,

}
Image
Direct link to the article CSS for Web Vitals
core web vitals performance

CSS for Web Vitals

The marketing for Core Web Vitals (CWV) has been a massive success. I guess that’s what happens when the world’s dominant search engine tells people that something’s going to be an SEO factor. Ya know what language can play a …

Image
Chris Coyier on Jul 1, 2021
Image
Direct link to the article Front-End Testing is For Everyone
accessibility performance testing unit tests visual testing

Front-End Testing is For Everyone

Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I’m here to tell you that front-end testing is for everyone. In fact, …

Image
Evgeny Klimenchenko on Jun 1, 2021 Updated on Jun 3, 2021
Image
Direct link to the article Jetpack Boost Handles Critical CSS For You
jetpack performance

Jetpack Boost Handles Critical CSS For You

Critical CSS is one of those things I see in my performance reports but always seem to ignore. I know what it means. It means to put only the CSS required to render things immediately visible in a <style>…

❥ Sponsored (Written by Geoff Graham)
Image
Direct link to the article How to Show Images on Click
image optimization lazy loading perceived performance performance

How to Show Images on Click

Most images on the web are superfluous. If I might be a jerk for a bit, 99% of them aren’t even that helpful at all (although there are rare exceptions). That’s because images don’t often complement the text they’re …

Image
Robin Rendle on May 27, 2021
Image
Direct link to the article Links on Performance III
performance

Links on Performance III

  • Making GitHub’s new homepage fast and performant — Tobias Ahlin describes how the scrolling effects are done more performantly thanks to IntersectionObserver and the fact that it avoids the use of methods that trigger reflows, like getBoundingClientRect. Also,
…
Image
Chris Coyier on May 24, 2021 Updated on Aug 30, 2021
Image
Direct link to the article The Humble `img` Element And Core Web Vitals
images performance

The Humble `img` Element And Core Web Vitals

Addy Osmani on images in HTML:

The humble <img> element has gained some superpowers over the years. Given how central it is to image optimization on the web, let’s catch up on what it can do and how it can

…
Image
Chris Coyier on May 17, 2021
Image
Direct link to the article WebPageTest API
api performance

WebPageTest API

I’m willing to bet you know WebPageTest. It is the premier tool in the toolbox of web performance people. Maybe you didn’t know that WebPageTest was a side project of one fella, Patrick Meenan, for most of its lifetime, …

❥ Sponsored (Written by Chris Coyier)
Image
Direct link to the article How to Monitor Core Web Vitals and Take Action with Raygun
analytics performance

How to Monitor Core Web Vitals and Take Action with Raygun

Raygun is an error and performance monitoring software for websites and mobile apps. In the case of websites, you install their JavaScript snippet onto your site, which takes 2 seconds, and now you’ve got monitoring in place. Why? Well now …

❥ Sponsored (Written by Chris Coyier)
Image
Direct link to the article How to Improve CSS Performance
performance

How to Improve CSS Performance

There is no doubt that CSS plays a huge role in web performance. Milica Mihajlija puts a point on exactly why:

When there is CSS available for a page, whether it’s inline or an external stylesheet, the browser delays rendering

…
Image
Chris Coyier on Apr 19, 2021
  • Image Newer
  • 1
  • ...
  • 2
  • 3
  • 4
  • ...
  • 19
  • Older Image

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

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