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

Articles Tagged
performance

130 Articles
{
,

}
Direct link to the article Real-World Effectiveness of Brotli
brotli gzip performance

Real-World Effectiveness of Brotli

Direct Link

Harry Roberts:

The numbers so far show that the difference between no compression and Gzip are vast, whereas the difference between Gzip and Brotli are far more modest. This suggests that while the nothing to Gzip gains will be

…
Avatar of Chris Coyier
Shared by Chris Coyier on Apr 30, 2020
JavaScript javascript framework performance

The Cost of Javascript Frameworks

I expect this post from Tim Kadlec to be quoted in every performance conference talk for the next few years. There is a lot of data here, so please check it out for yourself, but the short story is that …

Avatar of Chris Coyier
Chris Coyier on Apr 26, 2020
Direct link to the article Web Performance Checklist
performance

Web Performance Checklist

The other day, I realized that web performance is an enormous topic covering so very much — from minimizing assets to using certain file formats, it can be an awful lot to keep in mind while building a website. It’s …

Avatar of Robin Rendle
Robin Rendle on Apr 1, 2020
Direct link to the article Maintaining Performance
font loading performance

Maintaining Performance

Direct Link

Real talk from Dave:

I, Dave Rupert, a person who cares about web performance, a person who reads web performance blogs, a person who spends lots of hours trying to keep up on best practices, a person who co-hosts a

…
Avatar of Chris Coyier
Shared by Chris Coyier on Mar 27, 2020
Direct link to the article Get Static
eleventy performance static site generators

Get Static

Direct Link

In this piece, Eric Meyer argues that performance is more important than ever right now — especially for websites that contain critical information for the public:…

Avatar of Robin Rendle
Shared by Robin Rendle on Mar 26, 2020
Direct link to the article Performance Links
performance

Performance Links

I’ve had a number of browser tabs open to articles all related to web performance and gosh darn it if blogging them is a way for me get some closure. They are all good! …

Avatar of Chris Coyier
Chris Coyier on Mar 24, 2020
Direct link to the article Build a Node.js Tool to Record and Compare Google Lighthouse Reports
lighthouse node performance

Build a Node.js Tool to Record and Compare Google Lighthouse Reports

In this tutorial, I’ll show you step by step how to create a simple tool in Node.js to run Google Lighthouse audits via the command line, save the reports they generate in JSON format and then compare them so web …

Avatar of Luke Harrison
Luke Harrison on Mar 16, 2020
Direct link to the article When CSS Blocks
performance preload

When CSS Blocks

Direct Link

Tim Kadlec:

One particular pattern [for loading non-critical CSS] I’ve seen is the preload/polyfill pattern. With this approach, you load any stylesheets as preloads instead, and then use their onload events to change them back to a stylesheet once

…
Avatar of Chris Coyier
Shared by Chris Coyier on Feb 27, 2020
Direct link to the article In-Browser Performance Linting With Feature Policies
feature policy image optimization linting performance

In-Browser Performance Linting With Feature Policies

Direct Link

Here’s a neat idea from Tim Kadlec. He uses the Modheader extension to toggle custom headers in his browser. It also lets him see when images are too big and need to be optimized in some way. This is a …

Avatar of Robin Rendle
Shared by Robin Rendle on Feb 26, 2020
Direct link to the article Do This to Improve Image Loading on Your Website
aspect ratio images performance

Do This to Improve Image Loading on Your Website

In the video embedded below, Jen Simmons explains how to improve image loading by using width and height attributes. The issue is that there’s a lot of jank when an image is first loaded because an img will naturally have …

Avatar of Robin Rendle
Robin Rendle on Feb 19, 2020
Direct link to the article Helping Browsers Optimize With The CSS Contain Property
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
…
Avatar of Chris Coyier
Shared by Chris Coyier on Feb 10, 2020
  • Newer
  • 1
  • ...
  • 2
  • 3
  • 4
  • ...
  • 12
  • Older
Our Learning Partner
Frontend Masters logo
Frontend Masters

Need front-end development training?

Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.

CSS-Tricks is created by Chris and a team of swell people.

Keep up to date on web dev

with our hand-crafted weekly newsletter

Tech
  • WordPress (CMS)
  • Jetpack (Search, Backup)
  • WooCommerce (eCommerce)
  • Local (Development)
Hosting
  • Flywheel
Family
  • CodePen
  • ShopTalk Show
Minisites
  • The Power of Serverless
  • Upcoming Conferences
  • Coding Fonts
Contact
  • Email
  • Sponsorship Info
  • Guest Writing
Buy
  • Posters & Swag
  • Membership
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • GitHub
  • iTunes
  • RSS
Back to Top